<template>
  <!-- 我的发布 -->
  <div class="box">
    <heads></heads>
    <titlesearch></titlesearch>
    <div class="gerenBox">
      <ceList :index="23"></ceList>
      <div class="houselist" style="position: relative" v-if="xuan == 3">
        <div class="TopCard" style="height: 50px" v-if="czfyindex != 3">
          <!-- 小喇叭 -->
          <div style="width: 140px; display: flex; align-items: center">
            <img src="../../../assets/hint.png" style="width: 30px; margin-left: 15px; margin-right: 10px" />
            <span class="tips">温馨提示：</span>
          </div>
          <!-- 滚动文字外层div，文字能展示的区域-->
          <div class="noticeBox" :style="'flex:1;overflow:hidden;display:inline-block;vertical-align:middle;line-height:50px;'
            ">
            <!-- 滚动div，marginLeft变化-->
            <div :style="'margin-left:' + marginLeft + 'px;white-space:nowrap'">
              <span class="showNotice">{{
                czfyindex == 1
                ? "房源"
                : czfyindex == 2
                  ? "车源"
                  : czfyindex == 4
                    ? "服务项目"
                    : czfyindex == 5
                      ? houseindex == 1
                        ? "简历"
                        : "职位"
                      : ""
              }}上架上限为{{ noticeData.maximum
}}{{
  czfyindex == 1
  ? "套"
  : czfyindex == 2
    ? "辆"
    : czfyindex == 4
      ? "项"
      : czfyindex == 5
        ? "个"
        : ""
}}，您当前已上架{{ noticeData.publishedQuantity || 0
}}{{
  czfyindex == 1
  ? "套"
  : czfyindex == 2
    ? "辆"
    : czfyindex == 4
      ? "项"
      : czfyindex == 5
        ? "个"
        : ""
}}。</span>
              <!-- 不会展示，用来测量第二条与第一条重合时的长度 -->
              <span class="notice">{{ notice }}</span>
            </div>
          </div>
        </div>
        <div style="border: 1px solid #e0e0e0">
          <div class="h1">
            <div class="one-tab no-padding">
              <div class="one-tab-left">
                <div class="one-tab-item" v-for="item in czfyList" :key="item.valueNum"
                  :class="czfyindex == item.valueNum ? 'active' : ''" @click="czfyClick(item.valueNum)">
                  {{ item.valueName }}
                </div>
              </div>
              <div class="one-tab-right">
                <div class="one-tab-right-btn" @click="chufaguanli" v-if="examineindex == 2 &&
                  !compilestate &&
                  (czfyindex == 1 ||
                    czfyindex == 2 ||
                    czfyindex == 4 ||
                    (czfyindex == 5 && houseindex != 1))
                  ">
                  管理
                  <div class="administrations" @click.stop="" v-if="managementChage">
                    <template v-if="czfyindex == 1 || czfyindex == 2">
                      <div class="items" @click.stop="administrationClick(1)">
                        已上架（{{ managementData.alreadyShelf }}）
                      </div>
                      <div class="items" @click.stop="administrationClick(2)">
                        已下架（{{ managementData.offShelf }}）
                      </div>
                      <div class="items" @click.stop="administrationClick(3)" v-if="czfyindex == 2">
                        已置顶（{{ managementData.topNum }}）
                      </div>
                      <div class="items" @click.stop="administrationClick(5)">
                        {{ czfyindex == "1" ? "已租售" : "已出售" }}（{{
                          managementData.sold
                        }}）
                      </div>
                      <div class="items" @click.stop="administrationClick(4)">
                        已申领（{{ managementData.copyNum }}）
                      </div>
                      <div class="items" @click.stop="administrationClick(6)">
                        已共享（{{ managementData.shareNum }}）
                      </div>
                    </template>
                    <template v-if="czfyindex == 4 || czfyindex == 5">
                      <div class="items" @click.stop="administrationClick(1)">
                        已上架（{{ managementData.alreadyShelf || noticeData.publishedQuantity }}）
                      </div>
                      <div class="items" @click.stop="administrationClick(2)">
                        已下架（{{ managementData.offShelf || managementData.ServiceItemsOffShelf }}）
                      </div>
                    </template>
                  </div>
                </div>
                <div class="one-tab-right-btn" @click.stop="accomplish()"
                  v-if="examineindex != 4 && compilestate && czfyindex != 3">
                  完成
                </div>
              </div>
            </div>
            <!-- <div class="title ">
              <div
                v-for="item in czfyList"
                :class="czfyindex == item.valueNum ? 'ttext xttext' : 'ttext'"
                @click="czfyClick(item.valueNum)"
                style="position: relative"
                :key="item.id"
              >
                {{ item.valueName }}
              </div>

              <div style="flex-grow: 1"></div>
              <div
                v-if="
                  examineindex == 2 &&
                    examineindex != 4 &&
                    !compilestate &&
                    czfyindex != 3 &&
                    czfyindex != 4
                "
                style="
                  font-size: 18px;
                  color: #333333;
                  padding: 5px 14px;
                  width: 40px;
                  font-weight: 400;
                  background-color: #e0e0e0;
                  border-radius: 22px;
                  cursor: pointer;
                  position: relative;
                "
                @click="chufaguanli"
              >
                管理

                 <div
                  class="administrations"
                  @click.stop=""
                  v-if="managementChage"
                >
                  <div class="items" @click.stop="administrationClick(1)">
                    已上架（{{ managementData.alreadyShelf }}）
                  </div>
                  <div class="items" @click.stop="administrationClick(2)">
                    已下架（{{ managementData.offShelf }}）
                  </div>
                  <div
                    class="items"
                    @click.stop="administrationClick(3)"
                    v-if="czfyindex == 2"
                  >
                    已置顶（{{ managementData.topNum }}）
                  </div>
                  <div class="items" @click.stop="administrationClick(5)">
                    {{ czfyindex == "1" ? "已租售" : "已出售" }}（{{
                      managementData.sold
                    }}）
                  </div>
                  <div class="items" @click.stop="administrationClick(4)">
                    已申领（{{ managementData.copyNum }}）
                  </div>
                  <div class="items" @click.stop="administrationClick(6)">
                    已共享（{{ managementData.shareNum }}）
                  </div>
                </div>
              </div>
              <div
                v-if="examineindex != 4 && compilestate && czfyindex != 3"
                style="
                  font-size: 18px;
                  color: #333333;
                  padding: 5px 14px;
                  width: 40px;
                  font-weight: 400;
                  background-color: #e0e0e0;
                  border-radius: 22px;
                  cursor: pointer;
                "
                @click.stop="accomplish()"
              >
                完成
              </div>
            </div> -->

            <div class="oneone-tab">
              <el-tabs v-model="activeName" ref="elTabs" @tab-click="handleClick">
                <el-tab-pane :label="item.valueName" :name="item.valueName" v-for="item in examineList" :key="item.id">
                  <span :style="'left:' + tagNumTop + 'px'" v-if="examineindex == item.valueNum">{{ housetotal > 999 ?
                    "999+" : housetotal }}</span>
                  <!-- examineClick(item.valueNum) examineList activeName valueName-->
                </el-tab-pane>
              </el-tabs>
            </div>

            <div class="oneoneone-tab" v-if="houseIndexList.length > 0">
              <div v-for="(item, index) in houseIndexList" :key="item.id" @click.stop="houseClick(item.valueNum)"
                class="tab-item" :class="houseindex == item.valueNum ? 'active' : ''">
                {{ item.valueName }}
              </div>
              <div style="flex-grow: 1; display: flex; justify-content: flex-end" v-if="examineindex == 2"></div>
            </div>
            <template v-if="czfyindex == 1">
              <div class="saixuan" v-if="examineindex != 4 && houseindex != 1 && czfyindex == 1">
                <div class="li">
                  <p class="p1">类别</p>
                  <p class="p2" @click="leibieClick(-1)" :class="leibieIndex == -1 ? 'xuan' : ''">
                    不限
                  </p>
                  <div class="list">
                    <div v-for="(item, index) in type1" :key="index" @click="leibieClick(item)"
                      :class="leibieIndex == item.valueNum ? 'xuan' : ''">
                      {{ item.valueName }}
                    </div>
                  </div>
                </div>
                <div class="li">
                  <p class="p1">区域</p>
                  <p class="p2" @click="areaClick(-1)" :class="areaIndex == -1 ? 'xuan' : ''">
                    不限
                  </p>
                  <div class="list">
                    <div v-for="(item, index) in type7" :key="index" @click="areaClick(item)"
                      :class="areaIndex == item.valueNum ? 'xuan' : ''">
                      {{ item.valueName }}
                    </div>
                  </div>
                </div>
                <div class="li">
                  <p class="p1" v-if="houseindex == 2 || houseindex == 3">
                    售价
                  </p>
                  <p class="p1" v-else>租金</p>
                  <p class="p2" @click="priceClick(-1)" :class="priceIndex == -1 ? 'xuan' : ''">
                    不限
                  </p>
                  <div class="list" v-if="houseindex == 2 || houseindex == 3">
                    <div v-for="(item, index) in type8" :key="index" @click="priceClick(item)"
                      :class="priceIndex == item.valueNum ? 'xuan' : ''">
                      {{ item.valueName }}
                    </div>
                  </div>
                  <div class="list" v-else>
                    <div v-for="(item, index) in type12" :key="index" @click="priceClick(item)"
                      :class="priceIndex == item.valueNum ? 'xuan' : ''">
                      {{ item.valueName }}
                    </div>
                  </div>
                </div>
                <div class="li">
                  <p class="p1">面积</p>
                  <p class="p2" @click="mianjiClick(-1)" :class="mianjiIndex == -1 ? 'xuan' : ''">
                    不限
                  </p>
                  <div class="list">
                    <div v-for="(item, index) in type9" :key="index" @click="mianjiClick(item)"
                      :class="mianjiIndex == item.valueNum ? 'xuan' : ''">
                      {{ item.valueName }}
                    </div>
                  </div>
                </div>
                <div class="li">
                  <p class="p1">楼层</p>
                  <p class="p2" @click="loucClick(-1)" :class="loucIndex == -1 ? 'xuan' : ''">
                    不限
                  </p>
                  <div class="list">
                    <div v-for="(item, index) in type10" :key="index" @click="loucClick(item)"
                      :class="loucIndex == item.valueNum ? 'xuan' : ''">
                      {{ item.valueName }}
                    </div>
                  </div>
                </div>
                <div class="yixuan" style="width: 806px" v-if="screenList.length > 0">
                  <div class="na">已选条件：</div>
                  <div class="li" v-for="(item, index) in screenList" :key="item.type + item.id">
                    {{ item.value }}
                    <img src="../../../assets/cha.png" @click="clear(item)" />
                  </div>
                  <div class="qinchu" @click="clear(-1)">清除全部</div>
                </div>
              </div>

              <div class="house">
                <div style="
                    padding: 32px;
                    width: 100%;
                    max-height: 200px;
                    position: relative;
                  " v-for="(item, index) in houseList" :key="index" v-if="housetotal > 0">
                  <div class="houseview">
                    <template v-if="compilestate">
                      <div v-if="!item.choose" style="
                          font-size: 50px;
                          line-height: 154px;
                          color: #d1d1d1;
                          margin-right: 10px;
                          cursor: pointer;
                        " @click.stop="choosehouse(item.id)">
                        ○
                      </div>
                      <p v-else class="el-icon-success" style="
                          font-size: 30px;
                          line-height: 154px;
                          color: #64b6a8;
                          margin-right: 10px;
                          cursor: pointer;
                        " @click.stop="choosehouse(item.id)"></p>
                    </template>
                    <img style="
                        object-fit: contain;
                        background-color: #00000033;
                        cursor: pointer;
                      " v-if="examineindex == 4" :src="item.display_diagram != 'undefined'
                        ? item.display_diagram
                          ? item.display_diagram
                          : 'https://pic.bangbangtongcheng.com/05060cbc5de941ff948da893a9cdbf3e'
                        : 'https://pic.bangbangtongcheng.com/05060cbc5de941ff948da893a9cdbf3e'
                        " @click.stop="details(item)" />
                    <img style="
                        object-fit: contain;
                        background-color: #00000033;
                        cursor: pointer;
                      " v-else :src="item.display_diagram
                        ? item.display_diagram
                        : $img + item.houseImageDiv
                        " @click.stop="details(item)" />
                    <template v-if="item.examine_status == 2">
                      <!-- <div class="xj" :style="compilestate ? 'margin-left:40px;' : 'margin-left:0px;'" v-show="item.up_status == 0">未上架</div>
                                    <div class="sj" :style="compilestate ? 'margin-left:40px;' : 'margin-left:0px;'" v-show="item.up_status == 1">已上架</div>
                                    <img class="img1" :style="compilestate ? 'margin-left:40px;' : 'margin-left:0px;'" src="../../../assets/chushou.png" v-show="item.STATUS == 1 && item.transaction_type == 2" />
                                    <img class="img1" :style="compilestate ? 'margin-left:40px;' : 'margin-left:0px;'" src="../../../assets/zu.png" v-show="item.STATUS == 1 && item.transaction_type == 1" /> -->
                    </template>
                    <img src="../../../assets/shenhe.png" @click.stop="details(item)" class="img1"
                      v-if="examineindex == 1" />
                    <img style="position: absolute" src="../../../assets/shenhe.png" @click.stop="details(item)"
                      v-if="item.examine_status == 1 && examineindex != 4" />
                    <img :style="compilestate && item.STATUS == 0
                      ? 'margin-left:40px;position: absolute;'
                      : 'margin-left:0px;position: absolute;'
                      " src="../../../assets/jujue.png" @click.stop="details(item)"
                      v-else-if="item.examine_status == 3" />
                    <div style="
                        width: 390px;
                        display: flex;
                        flex-direction: column;
                        padding-left: 14px;
                        justify-content: space-between;
                      ">
                      <div style="
                          color: #333333;
                          font-size: 20px;
                          font-weight: 600;
                          white-space: nowrap;
                          text-overflow: ellipsis;
                          overflow: hidden;
                          cursor: pointer;
                        " @click.stop="details(item)">
                        <tag-view :item="item"></tag-view>{{ item.title }}
                      </div>
                      <div style="
                          font-size: 14px;
                          color: #666666;
                          font-weight: 400;
                          margin-top: 8px;
                        " class="line1">
                        {{ item.region }} {{ item.address }}
                      </div>
                      <div style="
                          display: flex;
                          color: #666666;
                          font-size: 14px;
                          font-weight: 400;
                          margin-top: 8px;
                        ">
                        <div>{{ item.house_type }}</div>
                        <div style="margin-left: 15px">
                          {{ item.AREA ? item.AREA + "m²" : item.AREA }}
                        </div>
                        <div style="margin-left: 18px">{{ item.foors }}</div>
                      </div>
                      <div style="flex-grow: 1"></div>
                      <div style="display: flex; align-items: center">
                        <img style="width: 30px; height: 30px; border-radius: 30px" :src="item.image
                          ? item.image
                          : 'https://pic.bangbangtongcheng.com/static/my/header.png'
                          " />
                        <div style="
                            color: #333333;
                            font-size: 14px;
                            margin-left: 7px;
                          ">
                          {{ item.nikeName || "未命名用户" }}
                        </div>
                        <div @click.stop="shopdetails(item)" style="
                            color: #64b6a8;
                            font-size: 14px;
                            padding: 1px 3px;
                            border: #64b6a8 1px solid;
                            border-radius: 5px;
                            margin-left: 7px;
                          ">
                          {{ item.shop_name }}
                        </div>
                      </div>
                    </div>
                    <div style="
                        width: 200px;
                        height: 100%;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                      ">
                      <div style="color: #e00000; font-size: 26px" v-if="item.transaction_type == 1">
                        {{ item.price ? item.price + "元" : item.price }}
                      </div>
                      <div style="color: #e00000; font-size: 26px" v-if="item.transaction_type == 2">
                        {{ item.price ? item.price + "万" : item.price }}
                      </div>
                      <!-- <div style="color: #E00000;font-size: 26px;">{{ (item.price / 10000).toFixed(2) }}万</div> -->
                      <div style="
                          color: #333333;
                          font-size: 12px;
                          font-weight: 400;
                        " v-if="item.transaction_type == 2">
                        {{
                          item.price && item.AREA
                          ? ((item.price * 10000) / item.AREA).toFixed(2) +
                          "元/m²"
                          : ""
                        }}
                      </div>
                    </div>
                  </div>
                  <div class="labelClass">
                    <div class="more" v-if="!compilestate">
                      <span class="more-span" @click="moreData(item, index)">更多</span>
                    </div>
                    <div class="labelItem" :style="{ marginLeft: compilestate ? '284px' : '' }" v-if="examineindex == 2">
                      <div class="item" v-if="item.up_status == 1">已上架</div>
                      <div class="item" v-if="item.up_status == 0">已下架</div>
                      <!-- <div class="item" v-if="item.is_show == 1">已置顶</div> -->
                      <div class="item" v-if="item.STATUS == 1">已租售</div>
                      <div class="item" v-if="item.is_share == 1">已共享</div>

                      <div class="item" v-if="item.is_share == 2">已撤回</div>
                      <div class="item" v-if="item.del_flag == 1">已删除</div>
                      <div class="item" v-if="item.is_copy == 1">已申领</div>
                    </div>
                    <img style="width: 30px; height: 30px" src="../../../assets/delet.png" @click="deletHous(item)"
                      v-if="compilestate && examineindex == 2" />
                  </div>
                  <div class="just-content" v-if="item.commission" style="
                      display: inline-block;
                      padding: 5px 4px;
                      border-radius: 4px;
                      border: 1px solid #a2a2a2;
                      margin-top: 5px;
                      align-items: center;
                    ">
                    <span style="color: #999">共享者说:<span style="
                          margin: 0 5px 0 0;
                          color: #999;
                          display: inline-block;
                        ">
                        佣金{{ item.commission }}元</span></span>
                    <span class="pointer" style="color: #64b6a8" @click.stop="openShareTips(item)">
                      展开<i class="el-icon-arrow-down"></i>
                    </span>
                  </div>
                  <!-- :style="'bottom:0' " moreBottomHeight -->
                  <div class="morePopup" v-if="evenMoreT == 'sst' + index">
                    <template v-if="examineindex == 1">
                      <div class="item" @click="draftWithdrawal(item)">
                        撤回草稿箱
                      </div>

                      <div class="item" @click="deleteMore(item)">删除</div>
                    </template>
                    <template v-if="examineindex == 2">
                      <div class="item" @click="houseAvailableChange(item, j)" v-for="(item2, j) in item.type6" :key="j">
                        {{ item2.valueName }}
                      </div>
                    </template>
                    <template v-if="examineindex == 3">
                      <div class="item" @click="detailsEdit(item)">
                        重新编辑
                      </div>
                      <div class="item" @click="deleteMore(item)">删除</div>
                    </template>
                    <template v-if="examineindex == 4">
                      <div class="item" @click="detailsEdit(item)">编辑</div>
                      <div class="item" @click="deleteMore(item)">删除</div>
                    </template>

                    <div class="item" @click="evenMoreT = null">取消</div>
                  </div>
                </div>
                <div class="li" v-if="housetotal == 0" style="width: 100%; height: 400px">
                  <el-empty description="还没有发布过房子" v-if="houseindex == 1"></el-empty>
                  <el-empty description="还没有发布过二手房" v-if="houseindex == 2"></el-empty>
                  <el-empty description="还没有发布过新房" v-if="houseindex == 3"></el-empty>
                  <el-empty description="还没有发布过出租房" v-if="houseindex == 4"></el-empty>
                </div>
                <el-pagination @current-change="houseCurrentChange" background layout="prev, pager, next"
                  :total="housetotal" :page-size="housepage.pageSize" :current-page="housepage.PageNo" style="
                    text-align: center;
                    margin-top: 60px;
                    border-bottom: 1px solid #e0e0e0;
                    padding-bottom: 50px;
                  "></el-pagination>
                <div style="height: 95px">
                  <div class="bottomOperation" v-if="compilestate && examineindex == 2">
                    <template v-if="administrationData == 1">
                      <!-- <div class="item" @click='multipleHousesTop()'>置顶</div> -->
                      <div class="item" @click="operation(3)">已租售</div>
                      <div class="item" @click="operation(2)">下架</div>
                      <div class="refresh" @click="operation(4)">
                        <img src="../../../assets/refresh.png" />刷新
                      </div>
                    </template>
                    <template v-else-if="administrationData == 2">
                      <div class="item" @click="operation(1)">上架</div>
                      <!-- <div class="item" @click='multipleHousesTop()'>置顶</div> -->
                      <div class="item" @click="operation(3)">已租售</div>
                    </template>
                    <template v-else-if="administrationData == 3">
                      <div class="item" @click="operation(3)">已租售</div>
                      <div class="item" @click="operation(1)">上架</div>
                      <div class="item" @click="operation(2)">下架</div>
                      <!-- <div class="item" @click="cancelTopSub(2)">取消置顶</div> -->
                      <div class="refresh" @click="operation(4)">
                        <img src="../../../assets/refresh.png" />刷新
                      </div>
                    </template>
                    <template v-else-if="administrationData == 4">
                      <div class="item" @click="operation(1)">上架</div>
                      <div class="item" @click="operation(2)">下架</div>
                      <!-- <div class="item" @click="multipleHousesTop()">置顶</div> -->
                      <div class="refresh" @click="operation(4)">
                        <img src="../../../assets/refresh.png" />刷新
                      </div>
                    </template>
                    <template v-else-if="administrationData == 5">
                      <div class="item" @click="operation(1)">上架</div>
                      <div class="item" @click="operation(2)">下架</div>
                      <!-- <div class="item" @click="multipleHousesTop()">置顶</div> -->
                      <div class="refresh" @click="operation(4)">
                        <img src="../../../assets/refresh.png" />刷新
                      </div>
                    </template>
                    <template v-else-if="administrationData == 6">
                      <div class="item" @click="operation(7)">撤回共享</div>

                      <!-- <div class="item" @click="multipleHousesTop()">置顶</div> -->
                      <div class="refresh" @click="operation(4)">
                        <img src="../../../assets/refresh.png" />刷新
                      </div>
                    </template>
                  </div>
                </div>
              </div>
              <!-- <div v-if="compilestate&&examineindex != 1" style="position: absolute;bottom:0;left: 0;margin-bottom:auto; width: 100%;height: 100px;display: flex;justify-content: space-between;padding: 0 39px;box-sizing: border-box;align-items: center;font-size: 20px;color: #333333;    ">
                    <div>
                        <span style="cursor: pointer;margin-left: 10px;" @click="allselect" v-if="examineindex == 3">全选</span>
                        <span style="cursor: pointer;" @click="delHouse">删除</span>
                        <span style="cursor: pointer;margin-left:10px;" @click="refresh" v-if="examineindex == 2">刷新</span>
                    </div>
                    <template v-if="examineindex == 2">
                                <div>置顶至</div>
                                <div style="width: 80px;margin: 0 20px;">
                                    <el-select style="" size="mini" v-model="housevalue" placeholder="请选择" @change="openTop">
                                        <el-option
                                            v-for="item in options"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value">
                                        </el-option>
                                    </el-select>
                                </div>
                                <div style="width: 80px;">
                                    <el-select style="width: 80px;" size="mini" v-model="housevalue2" placeholder="请选择" @change="operation">
                                        <el-option
                                            v-for="item in options2"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value">
                                        </el-option>
                                    </el-select>
                                </div>
                            </template>
                </div> -->
            </template>
            <template v-else-if="czfyindex == 2">
              <template v-if="examineindex != 4 &&
                user.shopType != 3 &&
                user.shopType != 4 &&
                houseindex != 4
                ">
                <bbcz-filter liWidth="654" @filterQuery="filterQuery" mt="20" :vehicleType="vehicleType"></bbcz-filter>
              </template>
              <div class="house">
                <div style="padding: 32px; width: 100%; position: relative" v-for="(item, index) in houseList"
                  :key="index">
                  <div class="houseview">
                    <template v-if="compilestate">
                      <div v-if="!item.choose" style="
                          font-size: 50px;
                          line-height: 154px;
                          color: #d1d1d1;
                          margin-right: 10px;
                          cursor: pointer;
                        " @click.stop="choosehouse(item.id)">
                        ○
                      </div>
                      <p v-else class="el-icon-success" style="
                          font-size: 30px;
                          line-height: 154px;
                          color: #64b6a8;
                          margin-right: 10px;
                          cursor: pointer;
                        " @click.stop="choosehouse(item.id)"></p>
                    </template>
                    <template v-if="houseindex != 99">
                      <img @click="details(item)" style="object-fit: contain; width: 230px; height: 154px" :src="item.vehicleCoverPicture
                        ? item.vehicleCoverPicture
                        : $img + item.houseImageDiv
                        " />
                      <img src="@/assets/shenhe.png" v-if="examineindex == 1" style="position: absolute; left: 0" />
                      <img src="@/assets/jujue.png" v-if="examineindex == 3" style="position: absolute; left: 0" />

                      <div class="cz_right">
                        <div class="nameList">
                          <div class="t_1" @click="details(item)">
                            <tag-view :item="item"></tag-view>{{
                              item.vehicleBrandModel
                              ? (item.vehicleBrandModel.split("|")[0] || "") +
                              " " +
                              (item.vehicleBrandModel.split("|")[1] || "")
                              : ""
                            }}
                            {{ item.model ? item.model + "/" : "" }}
                            {{
                              item.bodyStructureDoors +
                              "门" +
                              item.bodyStructureSeat +
                              "座" +
                              item.bodyStructureVehicle +
                              "车"
                            }}
                          </div>
                          <div class="t_2">
                            <span>{{
                              item.mileage
                              ? +item.mileage >= 10000
                                ? +(item.mileage / 10000).toFixed(1) +
                                "万公里/"
                                : item.mileage + "公里/"
                              : ""
                            }}{{
  item.licensingTimeYear
  ? item.licensingTimeYear + "年"
  : ""
}}</span>
                          </div>
                          <div class="t_4">
                            <img class="t_4_img" style="border-radius: 31px" :src="item.userInformation
                                  ? item.userInformation.image ||
                                  'https://pic.bangbangtongcheng.com/static/my/header.png'
                                  : 'https://pic.bangbangtongcheng.com/static/my/header.png'
                                " />
                            <span style="cursor: pointer" @click.stop="toAgent(item)">{{
                              item.userInformation
                              ? item.userInformation.nikeName ||
                              "未命名用户"
                              : "未命名用户"
                            }}</span>
                            <div style="cursor: pointer" @click="shopdetails(item)">
                              {{
                                item.distributor
                                ? item.distributor.storeName
                                : "个人车源"
                              }}
                            </div>
                          </div>
                        </div>
                        <div class="li_right_price">
                          {{
                            item.intervalPrice && item.intervalPrice != ""
                            ? item.intervalPrice.indexOf("-") > -1
                              ? item.intervalPrice.split("-")[0] +
                              "万-" +
                              item.intervalPrice.split("-")[1] +
                              "万"
                              : ""
                            : item.price
                              ? item.price + "万"
                              : ""
                          }}
                        </div>
                      </div>
                    </template>
                    <template v-if="houseindex == 99">
                      <div class="cz-li">
                        <img class="biao" @click="details(item)" style="
                            object-fit: contain;
                            background-color: #00000033;
                          " :src="item.coverPhoto
                            ? item.coverPhoto
                            : $img + item.houseImageDiv
                            " />
                        <img src="@/assets/shenhe.png" v-if="examineindex == 1" style="position: absolute; left: 0" />
                        <img src="@/assets/jujue.png" v-if="examineindex == 3" style="position: absolute; left: 0" />

                        <div class="name" style="width: 600px">
                          <div class="t_1" @click="details(item)">
                            {{ item.entryName }}
                          </div>
                          <div class="t_5 line3">
                            {{ item.entryDescription }}
                          </div>
                          <div class="t_3">
                            <div class="t_3_mr">
                              {{
                                item.serviceType == "1"
                                ? "美容装饰"
                                : "维修保养"
                              }}
                            </div>
                            <div class="t_3_mf">
                              {{
                                item.whetherFreeService == "0"
                                ? "收费项目"
                                : "免费项目"
                              }}
                            </div>
                          </div>
                        </div>
                      </div>
                    </template>
                  </div>
                  <div class="labelClass">
                    <div class="more" v-if="!compilestate">
                      <span class="more-span" @click="moreData(item, index)">更多</span>
                    </div>
                    <div class="labelItem" :style="{ marginLeft: compilestate ? '284px' : '' }" v-if="examineindex == 2">
                      <div class="item" v-if="item.shelfStatus == 1">
                        已上架
                      </div>
                      <div class="item" v-if="item.shelfStatus == 0">
                        已下架
                      </div>
                      <div class="item" v-if="item.saleStatus == 1">已售出</div>
                      <div class="item" v-if="item.isShare == 1 && item.copyData == 0">
                        已共享
                      </div>
                      <div class="item" v-if="item.copyData == 1">已申领</div>
                      <!-- <div class="item" v-if="item.isShare == 2">已撤回</div> -->
                      <div class="item" v-if="item.deleteFlag == 1">已删除</div>
                      <div class="item" v-if="item.businessType != 0 && (item.whetherTopHome == 0 || item.homeDisplay == 0)">
                        已置顶
                      </div>
                    </div>
                    <img style="width: 30px; height: 30px" src="../../../assets/delet.png" @click="deletHous(item)"
                      v-if="compilestate && examineindex == 2" />
                  </div>
                  <div class="just-content" v-if="item.commission" style="
                      display: inline-block;
                      padding: 5px 4px;
                      border-radius: 4px;
                      border: 1px solid #a2a2a2;
                      margin-top: 5px;
                      align-items: center;
                    ">
                    <span style="color: #999">共享者说:<span style="
                          margin: 0 5px 0 0;
                          color: #999;
                          display: inline-block;
                        ">
                        佣金{{ item.commission }}元</span></span>
                    <span class="pointer" style="color: #64b6a8" @click.stop="openShareTips(item)">
                      展开<i class="el-icon-arrow-down"></i>
                    </span>
                  </div>
                  <!-- :style="'bottom:0'" moreBottomHeight -->
                  <div class="morePopup" v-if="evenMoreT == 'sst' + index">
                    <template v-if="examineindex == 1">
                      <div class="item" @click="draftWithdrawal(item)">
                        撤回草稿箱
                      </div>
                      <!-- <div class="item" @click="detailsEdit(item, 1)">编辑</div> -->
                      <div class="item" @click="deleteMore(item)">删除</div>
                    </template>
                    <template v-if="examineindex == 2">
                      <div class="item" @click="carSourceAvailableChange(item, j)" v-for="(item2, j) in item.cztype11"
                        :key="j">
                        {{ item2.valueName }}
                      </div>
                    </template>
                    <template v-if="examineindex == 3">
                      <div class="item" @click="detailsEdit(item, 1)">
                        重新编辑
                      </div>
                      <div class="item" @click="deleteMore(item)">删除</div>
                    </template>
                    <template v-if="examineindex == 4">
                      <div class="item" @click="detailsEdit(item, 2)">编辑</div>
                      <div class="item" @click="deleteMore(item)">删除</div>
                    </template>
                    <div class="item" @click="evenMoreT = null">取消</div>
                  </div>
                </div>
                <div class="li" v-if="housetotal == 0" style="width: 100%; height: 400px">
                  <el-empty description="还没有发布过车源" v-if="houseindex == 4 || examineindex == 4"></el-empty>
                  <el-empty description="还没有发布过新车" v-if="houseindex == 1 && examineindex != 4"></el-empty>
                  <el-empty description="还没有发布过二手车" v-if="houseindex == 2 && examineindex != 4"></el-empty>
                  <el-empty description="还没有发布过车系" v-if="houseindex == 3 && examineindex != 4"></el-empty>
                </div>
                <el-pagination @current-change="houseCurrentChange" background layout="prev, pager, next"
                  :total="housetotal" :page-size="housepage.pageSize" :current-page="housepage.PageNo" style="
                    text-align: center;
                    margin-top: 60px;
                    border-bottom: 1px solid #e0e0e0;
                    padding-bottom: 50px;
                  "></el-pagination>
                <div style="height: 95px">
                  <div class="bottomOperation" v-if="compilestate && examineindex == 2">
                    <template v-if="administrationData == 1">
                      <div v-if="userInfo.businessType != 0" class="item" @click="operation(5)">置顶</div>
                      <div class="item" @click="operation(3)">已售出</div>
                      <div class="item" @click="operation(2)">下架</div>
                      <div class="refresh" @click="operation(4)">
                        <img src="../../../assets/refresh.png" />刷新
                      </div>
                    </template>
                    <template v-else-if="administrationData == 2">
                      <div class="item" @click="operation(1)">上架</div>
                      <div v-if="userInfo.businessType != 0" class="item" @click="operation(5)">置顶</div>
                      <div class="item" @click="operation(3)">已售出</div>
                    </template>
                    <template v-else-if="administrationData == 3">
                      <div class="item" @click="operation(3)">已售出</div>
                      <div class="item" @click="operation(1)">上架</div>
                      <div class="item" @click="operation(2)">下架</div>
                      <div v-if="userInfo.businessType != 0" class="item" @click="operation(6)">取消置顶</div>
                      <div class="refresh" @click="operation(4)">
                        <img src="../../../assets/refresh.png" />刷新
                      </div>
                    </template>
                    <template v-else-if="administrationData == 4">
                      <div class="item" @click="operation(1)">上架</div>
                      <div class="item" @click="operation(2)">下架</div>
                      <div v-if="userInfo.businessType != 0" class="item" @click="operation(5)">置顶</div>
                      <div class="refresh" @click="operation(4)">
                        <img src="../../../assets/refresh.png" />刷新
                      </div>
                    </template>
                    <template v-else-if="administrationData == 5">
                      <div class="item" @click="operation(1)">上架</div>
                      <div class="item" @click="operation(2)">下架</div>
                      <div v-if="userInfo.businessType != 0" class="item" @click="operation(5)">置顶</div>
                      <div class="refresh" @click="operation(4)">
                        <img src="../../../assets/refresh.png" />刷新
                      </div>
                    </template>
                    <template v-else-if="administrationData == 6">
                      <div class="item" @click="operation(7)">撤回共享</div>
                      <div v-if="userInfo.businessType != 0" class="item" @click="operation(6)">取消置顶</div>
                      <div class="refresh" @click="operation(4)">
                        <img src="../../../assets/refresh.png" />刷新
                      </div>
                    </template>
                  </div>
                </div>
              </div>
              <!-- <div v-if="compilestate&&examineindex != 1" style="position: absolute;bottom:0;left: 0;margin-bottom:auto; width: 100%;height: 100px;display: flex;justify-content: space-between;padding: 0 39px;box-sizing: border-box;align-items: center;font-size: 20px;color: #333333;    ">
                    <div>
                        <span style="cursor: pointer;margin-left: 10px;" @click="allselect" v-if="examineindex == 3">全选</span>
                        <span style="cursor: pointer;" @click="delHouse">删除</span>
                        <span style="cursor: pointer;margin-left:10px;" @click="goRefresh(item.id)" v-if="examineindex == 2">刷新</span>
                    </div>
                    <template v-if="examineindex == 2">
                                <div>置顶至</div>
                                <div style="width: 80px;margin: 0 20px;">
                                    <el-select style="" size="mini" v-model="housevalue" placeholder="请选择" @change="openTop">
                                        <el-option
                                            v-for="item in options"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value">
                                        </el-option>
                                    </el-select>
                                </div>
                                <div style="width: 80px;">
                                    <el-select style="width: 80px;" size="mini" v-model="housevalue2" placeholder="请选择" @change="operation">
                                        <el-option
                                            v-for="item in options2"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value">
                                        </el-option>
                                    </el-select>
                                </div>
                            </template>
                </div> -->
            </template>
            <template v-else-if="czfyindex == 3">
              <div class="house">
                <div style="padding: 32px; width: 100%; position: relative" v-for="(item, index) in houseList"
                  :key="index">
                  <div class="houseview helpFriends" style="flex-direction: column">
                    <bbcz-friend-circle-item :showCollect="false" wrapWidth="864" :showBottom="examineindex != 4"
                      :item="item" @reData="getHouseInfo" :isNotAllowGoDetails="examineindex == 4" :noGutter="true"
                      :forbidClick="true" :mySelf="true"></bbcz-friend-circle-item>
                  </div>
                  <div class="labelClass">
                    <div class="more" v-if="!compilestate">
                      <span class="more-span" @click="moreData(item, index)">更多</span>
                    </div>
                    <div class="labelItem" :style="{ marginLeft: compilestate ? '284px' : '' }" v-if="examineindex == 2">
                    </div>
                    <img style="width: 30px; height: 30px" src="../../../assets/delet.png" @click="deletHous(item)"
                      v-if="compilestate && examineindex == 2" />
                  </div>
                  <!-- :style="'bottom:' + moreBottomHeight" -->
                  <div class="morePopup" v-if="evenMoreT == 'sst' + index">
                    <div class="item" v-if="examineindex == 1" @click="draftWithdrawal(item)">
                      撤回草稿箱
                    </div>
                    <div class="item" v-if="examineindex != 4" @click="deleteMore(item)">
                      删除
                    </div>
                    <div class="item" v-if="examineindex == 3" @click="detailsEdit(item, 1)">
                      编辑
                    </div>
                    <div class="item" v-if="examineindex == 4" @click="detailsEdit(item, 2)">
                      编辑
                    </div>
                    <div class="item" @click="evenMoreT = null">取消</div>
                  </div>
                </div>
                <div class="li" v-if="housetotal == 0" style="width: 100%; height: 400px">
                  <el-empty description="还没有发布过帮友圈"></el-empty>
                </div>
                <el-pagination @current-change="houseCurrentChange" background layout="prev, pager, next"
                  :total="housetotal" :page-size="housepage.pageSize" :current-page="housepage.PageNo" style="
                    text-align: center;
                    margin-top: 60px;
                    border-bottom: 1px solid #e0e0e0;
                    padding-bottom: 50px;
                  "></el-pagination>
                <div style="height: 95px"></div>
              </div>
            </template>
            <template v-else-if="czfyindex == 4">
              <div class="house">
                <div style="padding: 32px; width: 100%; position: relative" v-for="(item, index) in houseList"
                  :key="index" v-if="housetotal > 0">
                  <div class="houseview">
                    <template v-if="compilestate">
                      <div v-if="!item.choose" style="
                          font-size: 50px;
                          line-height: 154px;
                          color: #d1d1d1;
                          margin-right: 10px;
                          cursor: pointer;
                        " @click.stop="choosehouse(item.id)">
                        ○
                      </div>
                      <p v-else class="el-icon-success" style="
                          font-size: 30px;
                          line-height: 154px;
                          color: #64b6a8;
                          margin-right: 10px;
                          cursor: pointer;
                        " @click.stop="choosehouse(item.id)"></p>
                    </template>
                    <div class="cz-li">
                      <div style="display: flex">
                        <img class="biao" @click="details(item)" style="
                            object-fit: contain;
                            background-color: #00000033;
                          " :src="item.coverPhoto
                            ? item.coverPhoto
                            : $img + item.houseImageDiv
                            " />
                        <img src="@/assets/shenhe.png" v-if="examineindex == 1" style="position: absolute; left: 0" />
                        <img src="@/assets/jujue.png" v-if="examineindex == 3" style="position: absolute; left: 0" />

                        <div class="name" style="width: 600px">
                          <div class="t_1" @click="details(item)">
                            {{ item.entryName }}
                          </div>
                          <div class="t_5 line3">
                            {{ item.entryDescription }}
                          </div>
                          <div class="t_3">
                            <div class="t_3_mr">
                              {{
                                item.serviceType == "1"
                                ? "美容装饰"
                                : "维修保养"
                              }}
                            </div>
                            <div class="t_3_mf" v-if="item.whetherFreeService == 0 ||
                                item.whetherFreeService == 1
                                ">
                              {{
                                item.whetherFreeService == "0"
                                ? "收费项目"
                                : "免费项目"
                              }}
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="labelClass">
                        <div class="more" v-if="!compilestate">
                          <span class="more-span" @click="moreData(item, index)">更多</span>
                        </div>
                        <div class="labelItem" :style="{ marginLeft: compilestate ? '284px' : '' }"
                          v-if="examineindex == 2">
                          <div class="item" v-if="item.shelfStatus == 1">
                            已上架
                          </div>
                          <div class="item" v-if="item.shelfStatus == 0">
                            已下架
                          </div>
                          <div class="item" v-if="item.saleStatus == 1">
                            已售出
                          </div>
                          <div class="item" v-if="item.isShare == 1">
                            已共享
                          </div>
                          <!-- <div class="item" v-if="administrationData == 4">
                        已申领
                      </div> -->
                          <!-- <div class="item" v-if="item.isShare == 2">已撤回</div> -->
                          <div class="item" v-if="item.deleteFlag == 1">
                            已删除
                          </div>
                          <!-- <div class="item" v-if="item.businessType != 0 && (item.whetherTopHome == 0 || item.homeDisplay == 0)
                            ">
                            已置顶
                          </div> -->
                        </div>
                      </div>
                      <div class="morePopup" v-if="evenMoreT == 'sst' + index">
                        <template v-if="examineindex == 1">
                          <div class="item" @click="draftWithdrawal(item)">
                            撤回草稿箱
                          </div>
                          <!-- <div class="item" @click="detailsEdit(item, 1)">
                              编辑
                            </div> -->
                          <div class="item" @click="deleteMore(item)">删除</div>
                        </template>
                        <template v-if="examineindex == 2">
                          <div class="item" @click="carSourceAvailableChange(item, j)" v-for="(item2, j) in item.cztype11"
                            :key="j">
                            {{ item2.valueName }}
                          </div>
                        </template>
                        <template v-if="examineindex == 3">
                          <div class="item" @click="detailsEdit(item, 1)">
                            重新编辑
                          </div>
                          <div class="item" @click="deleteMore(item)">删除</div>
                        </template>
                        <template v-if="examineindex == 4">
                          <div class="item" @click="detailsEdit(item, 2)">
                            编辑
                          </div>
                          <div class="item" @click="deleteMore(item)">删除</div>
                        </template>
                        <div class="item" @click="evenMoreT = null">取消</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="li" v-if="housetotal == 0" style="width: 100%; height: 400px">
                  <el-empty description="还没有发布过服务项目"></el-empty>
                </div>
                <el-pagination @current-change="houseCurrentChange" background layout="prev, pager, next"
                  :total="housetotal" :page-size="housepage.pageSize" :current-page="housepage.PageNo" style="
                    text-align: center;
                    margin-top: 60px;
                    border-bottom: 1px solid #e0e0e0;
                    padding-bottom: 50px;
                  "></el-pagination>

                <div style="height: 95px">
                  <div class="bottomOperation" v-if="compilestate && examineindex == 2">
                    <template v-if="administrationData == 1">
                      <div class="item" @click="operation(2)">下架</div>
                      <div class="refresh" @click="operation(4)">
                        <img src="../../../assets/refresh.png" />刷新
                      </div>
                    </template>
                    <template v-else-if="administrationData == 2">
                      <div class="item" @click="operation(1)">上架</div>
                    </template>
                  </div>
                </div>
              </div>
            </template>
            <template v-else-if="czfyindex == 5">
              <div class="house">
                <div :key="index" v-for="(item, index) in houseList">
                  <div class="li" style="
                      margin-bottom: 0;
                      border-bottom: 0px;
                      padding: 0 40px;
                    " v-if="housetotal > 0">
                    <div style="display: flex">
                      <div class="box-check invite" v-show="compilestate">
                        <el-checkbox :value="item.choose" @change="choosehouse(item.id)"></el-checkbox>
                      </div>
                      <invite-item :key="index" :item="item" v-if="houseindex != 1"
                        :customEvent="examineindex == 1 || examineindex == 2 ? false : true"
                        @details="detailsEdit(item, 1)"></invite-item>
                      <recommended :key="index" :item="item" v-if="houseindex == 1"
                        :customEvent="examineindex == 1 || examineindex == 2 ? false : true"
                        @details="detailsEdit(item, 1)">
                      </recommended>
                    </div>

                    <div class="labelClass">
                      <div class="more" v-if="!compilestate">
                        <span class="more-span" @click="moreData(item, index)">更多</span>
                      </div>
                      <div class="labelItem" :style="{ marginLeft: compilestate ? '284px' : '' }"
                        v-if="examineindex == 2">
                        <div class="item" v-if="item.shelfStatus == 1">
                          已上架
                        </div>
                        <div class="item" v-if="item.shelfStatus == 0">
                          已下架
                        </div>
                        <div class="item" v-if="item.isShare == 2">已撤回</div>
                      </div>
                      <img style="width: 30px; height: 30px" src="../../../assets/delet.png" @click="deletHous(item)"
                        v-if="compilestate && examineindex == 2" />
                    </div>
                    <div class="seperate pt pb"></div>
                    <div class="morePopup" v-if="evenMoreT == 'sst' + index">
                      <template v-if="examineindex == 1">
                        <div class="item" @click="draftWithdrawal(item)">
                          撤回草稿箱
                        </div>
                        <!-- <div class="item" @click="detailsEdit(item, 1)">
                              编辑
                            </div> -->
                        <div class="item" @click="deleteMore(item)">删除</div>
                      </template>
                      <template v-if="examineindex == 2">
                        <div class="item" @click="vacancyChange(item, j)" v-for="(item2, j) in item.zptype11" :key="j">
                          {{ item2.valueName }}
                        </div>
                      </template>
                      <template v-if="examineindex == 3">
                        <div class="item" @click="detailsEdit(item, 1)">
                          重新编辑
                        </div>
                        <div class="item" @click="deleteMore(item)">删除</div>
                        <div class="item" @click="evenMoreT = null">取消</div>
                      </template>
                      <template v-if="examineindex == 4">
                        <div class="item" @click="detailsEdit(item, 2)">
                          编辑
                        </div>
                        <div class="item" @click="deleteMore(item)">删除</div>
                      </template>
                      <div class="item" @click="evenMoreT = null">取消</div>
                    </div>
                  </div>
                </div>

                <div class="li" v-if="housetotal == 0" style="width: 100%; height: 400px">
                  <el-empty description="还没有发布过简历" v-if="houseindex == 1"></el-empty>

                  <el-empty description="还没有发布过职位" v-if="houseindex != 1"></el-empty>
                </div>
                <el-pagination @current-change="houseCurrentChange" background layout="prev, pager, next"
                  :total="housetotal" :page-size="housepage.pageSize" :current-page="housepage.PageNo" style="
                    text-align: center;
                    margin-top: 60px;
                    border-bottom: 1px solid #e0e0e0;
                    padding-bottom: 50px;
                  "></el-pagination>
                <div style="height: 95px">
                  <div class="bottomOperation" v-if="compilestate && examineindex == 2">
                    <template v-if="administrationData == 1">
                      <div class="item" @click="operation(2)">下架</div>
                      <div class="refresh" @click="operation(4)">
                        <img src="../../../assets/refresh.png" />刷新
                      </div>
                    </template>
                    <template v-else-if="administrationData == 2">
                      <div class="item" @click="operation(1)">上架</div>
                    </template>
                  </div>
                </div>
              </div>
            </template>
          </div>
        </div>
      </div>
    </div>
    <el-dialog :visible.sync="topVisible" width="30%" center :show-close="false" :close-on-click-modal="false"
      :close-on-press-escape="false">
      <div style="width: 100%; display: flex; flex-direction: column">
        <div class="settop" style="
            display: flex;
            color: #000000;
            font-size: 20px;
            font-weight: 400;
            padding: 10px 20px;
          ">
          <div>置顶信息：</div>
          <div>
            <div style="
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                width: 240px;
              " v-if="compilestate && examineindex == 2">
              {{
                multipleHousesTopTitle.length == 1
                ? multipleHousesTopTitle[0]
                : "您选择了多套房源"
              }}
            </div>
            <div style="
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                width: 240px;
              " v-else>
              {{ houseTopData.title }}
            </div>
          </div>
        </div>
        <div style="
            display: flex;
            margin-top: 26px;
            align-items: center;
            padding: 0px 20px;
          ">
          <div style="color: #000000; font-size: 20px; width: 102px">
            置顶至：
          </div>
          <el-select v-model="whetherTopHome" placeholder="请选择">
            <el-option v-for="item in type4" :key="item.id" :label="item.valueName" :value="item.id">
            </el-option>
          </el-select>
        </div>
        <div style="
            display: flex;
            margin-top: 26px;
            align-items: center;
            padding: 0px 20px;
          ">
          <div style="color: #000000; font-size: 20px; width: 102px">
            置顶天数：
          </div>
          <input v-model="day" type="number" placeholder="请输入置顶天数" style="
              border: #e0e0e0 1px solid;
              width: 240px;
              height: 30px;
              border-radius: 5px;
              padding-left: 10px;
            " />
        </div>
        <div style="
            color: #ea4b4b;
            font-size: 18px;
            margin-top: 31px;
            padding: 0px 20px;
          ">
          平台规则：每天限定置顶20条次，置顶信息按时间排序
        </div>
        <div style="
            width: 100%;
            height: 65px;
            margin-top: 32px;
            font-size: 21px;
            font-weight: 400;
            display: flex;
          ">
          <div style="
              width: 50%;
              background-color: #f2f2f2;
              color: #333333;
              text-align: center;
              line-height: 65px;
              border-bottom-left-radius: 10px;
              cursor: pointer;
            " @click="topVisible = false">
            取消
          </div>
          <div style="
              width: 50%;
              background-color: #64b6a8;
              color: #ffffff;
              text-align: center;
              line-height: 65px;
              border-bottom-right-radius: 10px;
              cursor: pointer;
            " v-if="compilestate && examineindex == 2" @click="topSub()">
            确认
          </div>
          <div style="
              width: 50%;
              background-color: #64b6a8;
              color: #ffffff;
              text-align: center;
              line-height: 65px;
              border-bottom-right-radius: 10px;
              cursor: pointer;
            " v-else @click="topSub(true)">
            确认
          </div>
        </div>
      </div>
    </el-dialog>
    <floor></floor>
    <!-- 弹出框 -->
    <div class="popupBox" v-if="markPopup" @click="markPopup = false">
      <div class="popupit text-center" @click.stop="">
        <div class="title" style="">{{ markText }}</div>
        <div class="btn">
          <div class="cancel" @click="markPopup = false">取消</div>
          <div class="affirm" @click="affirmClick">确认</div>
        </div>
      </div>
    </div>
    <div class="popupBox2" v-if="listTips" @click="listTips = false">
      <div class="popupit" @click.stop="">
        <div class="title">
          {{ czfyindex == 1 ? "房源" : "车源" }}上架上限为{{ noticeData.maximum
          }}{{
  czfyindex == 1
  ? "套"
  : czfyindex == 2
    ? "辆"
    : czfyindex == 4
      ? "项"
      : czfyindex == 5
        ? "个"
        : ""
}}，您当前已上架{{ noticeData.alreadyShelf || 0
}}{{
  czfyindex == 1
  ? "套房源"
  : czfyindex == 2
    ? "辆车源"
    : czfyindex == 4
      ? "项服务"
      : czfyindex == 5
        ? houseindex == 1
          ? "简历"
          : "职位"
        : ""
}}，请前往已上架{{
  czfyindex == 1
  ? "房源"
  : czfyindex == 2
    ? "车源"
    : czfyindex == 4
      ? "服务"
      : czfyindex == 5
        ? houseindex == 1
          ? "简历"
          : "职位"
        : ""
}}进行管理。
        </div>
        <div class="confirmBtn" @click="listTips = false">确定</div>
      </div>
    </div>
    <div class="popupBox" v-if="sharePop" @click="sharePop = false">
      <div class="popupit" @click.stop="">
        <div class="title" style="text-align: center">
          是否将所选房源分享至共享房源
        </div>
        <div class="btn">
          <div class="cancel pointer" @click="sharePop = false">取消</div>
          <div class="affirm" @click="shareClick">确认</div>
        </div>
      </div>
    </div>
    <!-- 共享 -->
    <div class="popupBoxs" v-if="shareBoxPop" @click="shareBoxPop = false">
      <div class="popupit" @click.stop="">
        <div class="title just-content flex">
          <span>共享者说:</span>
        </div>
        <div class="title">
          <div class="yong-jin flex">
            佣金:
            <div class="">{{ houseDetails.commission }}元</div>
          </div>
          <div class="yong-jin flex">
            <span>备注: </span>
            <div>
              {{ houseDetails.share_remark || houseDetails.commissionRemarks }}
            </div>
          </div>
        </div>
        <div class="btn" @click="shareBoxPop = false">确认</div>
      </div>
    </div>
    <el-dialog class="share-dia" :visible.sync="shareBox" width="520px" :show-close="false">
      <div class="share-box">
        <!-- <div>-->
        <div class="share-tips" v-if="czfyindex == 1">
          是否将所选房源分享至共享房源并进行备注？
        </div>
        <div class="share-tips" v-if="czfyindex == 2 || czfyindex == 4">
          是否将所选车源分享至共享车源并进行备注？
        </div>
        <div class="yong-jin">
          <span>佣金:</span>
          <input style="margin-right: 10rpx" placeholder="填写佣金" v-model="commission" type="number" maxlength="6"
            value="" />
            &nbsp;元
        </div>
        <div class="yong-jin remark">
          <span>备注:</span>
          <textarea name="" placeholder="填写备注" v-model="shareRemark" id="" maxlength="100" cols="30" rows="10"></textarea>
        </div>

        <div class="flex btn">
          <div class="pointer" @click="shareBox = false" style="
              border-radius: 0 0 0 20px;
              background-color: #f2f2f2;
              color: #333;
            ">
            取消
          </div>
          <div class="pointer" style="border-radius: 0 0 20px 0" @click="shareHouse" v-if="czfyindex == 1">
            确定共享
          </div>
          <div class="pointer" style="border-radius: 0 0 20px 0" @click="shareCar"
            v-if="czfyindex == 2 || czfyindex == 4">
            确定共享
          </div>
        </div>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import floor from "../../../components/floor";
import heads from "../../../components/head";
import ceList from "../../../components/ceList.vue";
import titlesearch from "../../../components/titlesearch.vue";
import bbczFilter from "../../index/comp/bbcz-filter.vue";
import bbczFriendCircleItem from "../../index/comp/bbcz-friend-circle-item.vue";
import { mixins } from "./wdRelease/mix";
import { mixinFy } from "./wdRelease/mix-fy";
import { mixinCz } from "./wdRelease/mix-cz";
import { mixinZp } from "./wdRelease/mix-zp";

import { mixinCom } from "./wdRelease/mix-common";
import inviteItem from "@/views/invite/comp/item.vue";
import recommended from "@/views/invite/comp/recommended.vue";
export default {
  mixins: [mixins, mixinFy, mixinCz, mixinCom, mixinZp],
  components: {
    floor,
    heads,
    ceList,
    titlesearch,
    bbczFilter,
    bbczFriendCircleItem,
    inviteItem,
    recommended
  },
  watch: {
    activeName: {
      handler(newV, oldV) {
        if (newV) {
          var arr = this.examineList.filter(item => item.valueName == newV);
          if (arr[0]) {
            this.examineClick(arr[0].valueNum);
          }
        }
        if (this.firstLoading) {
          if (this.$refs.elTabs && this.$refs.elTabs.$children[0]) {
            var el = this.$refs.elTabs.$children[0].$children[0];
            var transformLeft = /(\d+)/g.exec(el.barStyle.transform)[1];
            var width = /(\d+)/g.exec(el.barStyle.width)[1];
            this.tagNumTop = +transformLeft + +width;
            console.log("transformLefttransformLeft", this.tagNumTop);
            // el.width
          }
        } else {
          setTimeout(() => {
            if (this.$refs.elTabs && this.$refs.elTabs.$children[0]) {
              var el = this.$refs.elTabs.$children[0].$children[0];
              var transformLeft = /(\d+)/g.exec(el.barStyle.transform)[1];
              var width = /(\d+)/g.exec(el.barStyle.width)[1];
              this.tagNumTop = +transformLeft + +width;
              console.log("transformLefttransformLeft", this.tagNumTop);
              // el.width
            }
            this.firstLoading = true;
          });
        }
      },
      immediate: true
    }
  },
  data() {
    return {
      userInfo: {},
      tagNumTop: 0,
      activeName: "已通过",
      shareBox: false,
      commission: "",
      shareRemark: "",
      options: [
        { value: 0, label: "首页" },
        { value: 1, label: "房源信息" }
      ],
      options2: [
        { value: 1, label: "上架" },
        { value: 2, label: "下架" },
        { value: 3, label: "已出租" },
        { value: 4, label: "已出售" }
      ],
      compilestate: false,
      housevalue: "",
      housevalue2: "",
      xuan: 3,
      imageUrl: "",
      input: "",
      user: {},
      loginstate: false,
      userdata: {},
      housepage: {
        pageSize: 5,
        pageNo: 1,
        userId: "",
        isLz: "0",
        examineStatus: "2",
        status: "0,1",
        orderSort: "1"
      },
      houseList: [],
      housetotal: 0,
      houseindex: 1,
      examineindex: 2,
      topVisible: false,
      xzList: [],
      day: "",
      oldpwd: "",
      onepwd: "",
      twopwd: "",
      imgurl: this.$img,
      checkType: "",
      // 用于公告过长时，获取重复两遍中第一遍的长度
      notice: "",
      // 公告初始位置
      marginLeft: 0,
      // 公告数据
      noticeData: {},
      // 管理数据
      managementData: {},
      managementChage: false,
      // 更多弹出
      evenMoreT: null,
      // 弹窗
      markPopup: false,
      markText: "",
      listTips: false,
      // 判断需要操作什么
      markset: -1,
      markData: {},
      // 判断进的那个管理
      administrationData: -1,
      type8: [],
      type9: [],
      type10: [],
      type12: [],
      type1: [],
      type7: [],
      leibieIndex: -1,
      areaIndex: -1,
      priceIndex: -1,
      mianjiIndex: -1,
      loucIndex: -1,
      houseSetTop: "置顶/取消置顶",
      houseSale: "上/下架",
      houseTopData: "",
      // 多个房源置顶标题
      multipleHousesTopTitle: [],
      moreBottomHeight: "",
      czfyindex: 1,
      activeData: [],

      queryParam: {}, //车筛选参数
      vehicleType: "1", //车辆类别

      showCount: 0,
      whetherTopHome: 0,
      houseDetails: {}, //共享显示
      shareBoxPop: false, //共享弹窗
      sharePop: false, //去共享显示
      screenList: [],
      czfyList: [],
      examineList: [],
      houseIndexList: []
    };
  },
  created() {
    if (this.$route.query.examineindex) {
      this.examineindex = this.$route.query.examineindex;
      this.housepage.examineStatus = this.$route.query.examineindex;
    }
    this.getUser();
    /**
     * examineindex  1  	2  		3  		4
     * 						待审核 已通过 已拒绝 草稿箱
     * czfyindex 1  	2  		3      			4 								5
     * 					房产  车主	帮友圈(无分类)	服务项目(无分类)	招聘(分类不确定)
     * houseindex  1  	2  		3      			4
     * 						全部 二手房 新房 出租房
     * 						到店新车 二手车  在售车系 全部
     *						职位	简历
     * vehicleType  1  	 		2  			3
     * 						到店新车 二手车  在售车系
     *
     * 房产
     * 	商家
     * 		经销商 czfyindex = 1 houseindex = 1
     * 		楼盘 czfyindex = 3
     *  经纪人 czfyindex = 1 houseindex = 1
     * 车主
     * 	商家
     * 		经销商 czfyindex = 2 houseindex = 4
     * 		服务商 czfyindex = 4  houseindex = 4
     * 	经纪人 czfyindex = 2 houseindex = 4
     *
     * 普通人 czfyindex = 1 houseindex = 1
     *
     *
     */
    this.czfyindex = this.user.businessType;
    this.createdTab();

    // if (this.user.businessType == "2") {
      //   //车主
      //   if (this.user.isShop == 1) {
    //     // console.log("21111111111111111111111111111111111");
    //     if (this.user.shopType == 3 || this.user.shopType == 4) {
    //       console.log("11111111111111111111111111111111111");
    //       this.czfyindex = 4;
    //     } else if (this.user.shopType != 3 && this.user.shopType != 4) {
    //       this.czfyindex = 2;
    //       this.houseindex = 4;
    //     }
    //   } else {
    //     this.czfyindex = 2;
    //     this.houseindex = 2;
    //     this.vehicleType = 2;
    //   }
    // } else if (this.user.businessType == 0 || !this.user.businessType) {
    //   //普通人
    //   this.czfyindex = 1;
    // }

    // this.houseindex =
    //   (this.user.businessType == "2" && this.user.shopType == 3) ||
    //   this.user.shopType == 4
    //     ? 4
    //     : 1;
    //回到顶部
    var top = document.body.scrollTop || document.documentElement.scrollTop;
    scrollBy(0, -top);
    /* 携参跳转的话则展示对应tab */
    const storage = JSON.parse(localStorage.getItem('wdReleaseUse') || '""');

    if (storage) {
      const type2 = this.examineList.find(v=>v.id === storage.type2);
      type2 && (this.activeName = type2.valueName);
      localStorage.removeItem('wdReleaseUse');
      return false;
    }

    this.getHouseInfo();
  },
  mounted() {
    this.$nextTick(() => {
      this.bulletinBoard();
    });

    this.getDictionaries();
  },
  methods: {
    setIndex() {
      if (this.czfyList.length > 0) {
        this.czfyindex = this.czfyList[0].valueNum;
      }
      if (this.examineList.length > 0) {
        this.examineindex = this.examineList[0].valueNum;
      }
      if (this.houseIndexList.length > 0) {
        this.houseindex = this.houseIndexList[0].valueNum;
      }
    },
    switchTab() { },
    createdTab(czfyindex, examineindex, houseindex) {
      console.log('czfyindex', czfyindex, examineindex)
      this.examineList = [
        { id: "ex02", valueNum: 2, valueName: "已通过" },
        { id: "ex01", valueNum: 1, valueName: "待审核" },
        { id: "ex03", valueNum: 3, valueName: "已拒绝" },
        { id: "ex04", valueNum: 4, valueName: "草稿箱" }
      ];
      var czfyList = [];
      var houseIndexList = [];
      if (this.user.businessType == 1) {
        if (this.user.shopType == 1) {
          czfyindex = czfyindex || 1;

          if (this.user.isShop == 1) {
            czfyList = [
              { id: "czfy01", valueNum: 1, valueName: "房产" },
              { id: "czfy05", valueNum: 5, valueName: "招聘" },
              { id: "czfy03", valueNum: 3, valueName: "帮友圈" }
            ];
            if (czfyindex == 1) {
              houseIndexList = [
                { id: "hi01", valueNum: 1, valueName: "全部" },
                { id: "hi02", valueNum: 2, valueName: "二手房" },
                { id: "hi03", valueNum: 3, valueName: "新房" },
                { id: "hi04", valueNum: 4, valueName: "出租房" }
              ];
            }
          } else {
            czfyList = [
              { id: "czfy01", valueNum: 1, valueName: "房产" },
              { id: "czfy03", valueNum: 3, valueName: "帮友圈" }
            ];
            if (czfyindex == 1) {
              houseIndexList = [
                { id: "hi01", valueNum: 1, valueName: "全部" },
                { id: "hi02", valueNum: 2, valueName: "二手房" },
                { id: "hi03", valueNum: 3, valueName: "新房" },
                { id: "hi04", valueNum: 4, valueName: "出租房" }
              ];
            }
          }
        } else {
          czfyindex = czfyindex || 5;

          czfyList = [
            { id: "czfy05", valueNum: 5, valueName: "招聘" },
            { id: "czfy03", valueNum: 3, valueName: "帮友圈" }
          ];
        }
      } else if (this.user.businessType == 2) {
        czfyindex = czfyindex || 2;
        if (this.user.shopType == 1 || this.user.shopType == 2) {
          if (this.user.isShop == 1) {
			czfyList = [
              { id: "czfy02", valueNum: 2, valueName: "汽车" },
              { id: "czfy05", valueNum: 5, valueName: "招聘" },
              { id: "czfy03", valueNum: 3, valueName: "帮友圈" }
            ];
            if (czfyindex == 2) {
              houseIndexList = [
                { id: "hi01", valueNum: 4, valueName: "全部" },
                { id: "hi02", valueNum: 1, valueName: "到店新车" },
                { id: "hi03", valueNum: 2, valueName: "二手车" },
                { id: "hi04", valueNum: 3, valueName: "在售车系" }
              ];
            }
            if (czfyindex == 5) {
              houseIndexList = [
                // { id: "hi01", valueNum: 1, valueName: "我的简历" },
                // { id: "hi02", valueNum: 2, valueName: "兼职职位" }
              ];
            }
          } else {
            czfyList = [
              { id: "czfy02", valueNum: 2, valueName: "汽车" },
              { id: "czfy03", valueNum: 3, valueName: "帮友圈" }
            ];
            if (czfyindex == 2) {
              houseIndexList = [
                { id: "hi01", valueNum: 4, valueName: "全部" },
                { id: "hi02", valueNum: 1, valueName: "到店新车" },
                { id: "hi03", valueNum: 2, valueName: "二手车" },
                { id: "hi04", valueNum: 3, valueName: "在售车系" }
              ];
            }
          }
        } else {
          if (this.user.isShop == 1) {
            czfyList = [
              { id: "czfy04", valueNum: 4, valueName: "服务项目" },
              { id: "czfy05", valueNum: 5, valueName: "招聘" },
              { id: "czfy03", valueNum: 3, valueName: "帮友圈" }
            ];
            if (czfyindex == 5) {
              houseIndexList = [
                // { id: "hi01", valueNum: 1, valueName: "我的简历" },
                // { id: "hi02", valueNum: 2, valueName: "兼职职位" }
              ];
            }
          } else {
            czfyList = [
              { id: "czfy04", valueNum: 4, valueName: "服务项目" },
              { id: "czfy03", valueNum: 3, valueName: "帮友圈" }
            ];
          }
        }
      } else if (
        this.user.businessType == "" ||
        !this.user.businessType ||
        this.user.businessType == 0
      ) {
        // 先判断
        // czfyindex = czfyindex || 1;
        // czfyList = [
        //   { id: "czfy01", valueNum: 1, valueName: "房产" },
        //   { id: "czfy02", valueNum: 2, valueName: "车主" },
        //   { id: "czfy03", valueNum: 3, valueName: "帮友圈" }
        // ];
        // if (czfyindex == 1) {
        //   houseIndexList = [
        //     { id: "hi01", valueNum: 1, valueName: "全部" },
        //     { id: "hi02", valueNum: 2, valueName: "二手房" },
        //     { id: "hi03", valueNum: 3, valueName: "新房" },
        //     { id: "hi04", valueNum: 4, valueName: "出租房" }
        //   ];
        // } else if (czfyindex == 2) {
        //   houseIndexList = [{ id: "hi03", valueNum: 2, valueName: "二手车" }];
        // }

        // 招聘
        if (this.user.enterpriseRecruitmentStatus == 1) {
          czfyindex = czfyindex || 5;
          czfyList = [
            { id: "czfy05", valueNum: 5, valueName: "招聘" },
            { id: "czfy03", valueNum: 3, valueName: "帮友圈" }
          ];

        } else {
          czfyindex = czfyindex || 1;

          czfyList = [
            { id: "czfy01", valueNum: 1, valueName: "房产" },
            { id: "czfy02", valueNum: 2, valueName: "汽车" },
            { id: "czfy05", valueNum: 5, valueName: "招聘" },
            { id: "czfy03", valueNum: 3, valueName: "帮友圈" }
          ];
          if (czfyindex == 1) {
            houseIndexList = [
              { id: "hi01", valueNum: 1, valueName: "全部" },
              { id: "hi02", valueNum: 2, valueName: "二手房" },
              { id: "hi03", valueNum: 3, valueName: "新房" },
              { id: "hi04", valueNum: 4, valueName: "出租房" }
            ];
          } else if (czfyindex == 2) {
            houseIndexList = [{ id: "hi03", valueNum: 2, valueName: "二手车" }];
          }
        }
      }
      // 简历
      if (czfyindex == 5) {
        if (this.user.enterpriseRecruitmentStatus == 1) {
          houseIndexList = [
            // { id: "czfy01", valueNum: 1, valueName: "我的简历" },
            // { id: "czfy02", valueNum: 2, valueName: "兼职职位" },
            // { id: "czfy03", valueNum: 3, valueName: "全职职位" }
          ];
        } else {
          houseIndexList = [
            // { id: "czfy01", valueNum: 1, valueName: "我的简历" },
            // { id: "czfy02", valueNum: 2, valueName: "兼职职位" }
            // { id: "czfy03", valueNum: 3, valueName: "全职职位" },
          ];
        }
      }

      // 草稿箱-房主下级菜单
      if (examineindex == 4) {
        if (czfyindex == 1) {
          houseIndexList = [{ id: "hi01", valueNum: 1, valueName: "全部" }];
        }
      }

      // 帮友圈|服务项目无下级菜单
      if (czfyindex == 3 || czfyindex == 4) {
        houseIndexList = [];
      }

      this.czfyList = czfyList;
      this.houseIndexList = houseIndexList;

      if (this.czfyList.length > 0) {
        if (czfyindex) {
          if (czfyList.findIndex(item => item.valueNum == czfyindex) > -1) {
            this.czfyindex = czfyindex;
          } else {
            this.czfyindex = this.czfyList[0].valueNum;
          }
        } else {
          this.czfyindex = this.czfyList[0].valueNum;
        }
      }
      // if (this.examineList.length > 0) {
      //   if (examineindex) {
      //     if (
      //       examineList.findIndex(item => item.valueNum == examineindex) > -1
      //     ) {
      //       this.examineindex = examineindex;
      //     } else {
      //       this.examineindex = this.examineList[0].valueNum;
      //     }
      //   } else {
      //     this.examineindex = this.examineList[0].valueNum;
      //   }
      // }
      if (this.houseIndexList.length > 0) {
        if (houseindex) {
          if (
            houseIndexList.findIndex(item => item.valueNum == houseindex) > -1
          ) {
            this.houseindex = houseindex;
          } else {
            this.houseindex = this.houseIndexList[0].valueNum;
          }
          if (this.czfyindex == 2) {
            //车主
            if (this.houseindex != 4) {
              this.vehicleType = this.houseindex;
            } else {
              this.vehicleType = "";
            }
          }
        } else {
          this.houseindex = this.houseIndexList[0].valueNum;
        }
      }
    },
    checkFilterData(arr = [], id, type) {
      return arr.filter(item => item.ftype == type && item.id == id).length > 0;
    },
    clear(item, flag) {
      if (item != -1) {
        var type = item.ftype;
        if (type == "type") {
          //类别
          this.leibieClick(-1);
        } else if (type == "region") {
          //区域
          this.areaClick(-1);
        } else if (type == "price") {
          // 价格
          this.priceClick(-1);
        } else if (type == "area") {
          // 面积
          this.mianjiClick(-1);
        } else if (type == "floor") {
          // 楼层
          this.loucClick(-1);
        }
      } else {
        this.leibieIndex = item;
        this.housepage.type = "";
        this.priceIndex = item;
        this.housepage.price = "";
        this.mianjiIndex = item;
        this.housepage.area = "";
        this.areaIndex = item;
        this.housepage.region = "";
        this.loucIndex = -1;
        this.housepage.floor = "";
        if (!flag) {
          this.getHouseInfo();
        }
      }
    },
    dealOPe(newV) {
      var screenList = [];
      var checkArr = [];
      var labelKey = "";
      var obj = {};
      for (const key in newV) {
        if (Object.hasOwnProperty.call(newV, key)) {
          const element = newV[key];
          if (
            key == "type" ||
            key == "price" ||
            key == "region" ||
            key == "area" ||
            key == "floor"
          ) {
            labelKey = "";
            if (key == "type") {
              //类别
              checkArr = this.type1;
              labelKey = "valueNum";
            } else if (key == "region") {
              //区域
              checkArr = this.type7;
            } else if (key == "price") {
              // 价格
              checkArr = this.type8;
            } else if (key == "area") {
              // 面积
              checkArr = this.type9;
            } else if (key == "floor") {
              // 楼层
              labelKey = "valueNum";
              checkArr = this.type10;
            }
            labelKey = labelKey || "valueName";
            console.log(element, checkArr);
            obj = checkArr
              .filter(item => item[labelKey] == element)
              .map(item => {
                return {
                  ...JSON.parse(JSON.stringify(item)),
                  value: item.valueName,
                  ftype: key
                };
              });
            if (!this.checkFilterData(this.screenList, obj.id, key)) {
              console.log("进来了进来了");
              screenList.push(...obj);
              console.log(screenList);
            }
          }
        }
      }
      this.screenList = screenList;
    },
    toAgent(item) {
      if (this.czfyindex == 1) {
        //房
        return;
        this.goHouseShopDetails(item);
      } else if (this.czfyindex == 2) {
        //车
        return;
        this.goVehicleAgentDetails(item);
      }
    },
    shopdetails(item) {
      if (this.czfyindex == 1) {
        //房
        this.goHouseShopDetails(item);
      } else if (this.czfyindex == 2) {
        //车
        this.goVehicleShopDetails(item);
      }
    },
    openShareTips(val) {
      //点击分享
      console.log(val);
      this.houseDetails = val;
      this.shareBoxPop = true;
      console.log(21);
    },
    filterQuery(param) {
      console.log(param);
      this.queryParam = param;
      // 车主
      //  this.initgetHouseInfo();
      this.housepage.pageNo = 1;
      this.getHouseInfo(2, param);
    },
    czfyClick(index) {
      // 点击车主
      this.createdTab(index, this.examineindex, this.houseindex);
      // 点击车主要么全部 要么二手车
      this.managementChage = false; //关闭管理
      this.compilestate = false; //关闭底部
      this.czfyindex = index;
      this.housepage.pageNo = 1;
      this.initgetHouseInfo();
    },
    // 草稿箱编辑
    detailsCGX(item) { },
    // 重新编辑
    detailsRE(item) { },

    zhankaiClick(item) {
      this.houseList.forEach(v => {
        if (v.id == item.id) {
          if (v.chage == 0) {
            v.chage = 1;
          } else {
            v.chage = 0;
          }
        }
      });
    },
    getDictionaries() {
      this.$getHttp("/mob/home/getDictionaries", {
        type: "8,9,10,12,1,7"
      }).then(data => {
        if (data.code == 200) {
          data.list.forEach(e => {
            if (e.type == 8) this.type8.push(e);
            if (e.type == 9) this.type9.push(e);
            if (e.type == 10) this.type10.push(e);
            if (e.type == 12) this.type12.push(e);
            if (e.type == 1) this.type1.push(e);
            if (e.type == 7) this.type7.push(e);
          });
        }
      });
    },
    // 更多
    moreData(item, index) {
      this.evenMoreT = "sst" + index;
      if (this.examineindex == 2) {
        if (item.STATUS == 1) {
          if (item.up_status == 0) {
            this.moreBottomHeight = "-110px";
          } else {
            this.moreBottomHeight = "-205px";
          }
        } else {
          if (item.up_status == 0) {
            this.moreBottomHeight = "-155px";
          } else {
            this.moreBottomHeight = "-250px";
          }
        }
      } else {
        this.moreBottomHeight = "-110px";
      }
      if (item.up_status == 0) {
        this.houseSale = "上架";
      } else if (item.up_status == 1) {
        this.houseSale = "下架";
      }
      if (item.is_show == "0") {
        this.houseSetTop = "置顶";
      } else if (item.is_show == "1") {
        this.houseSetTop = "取消置顶";
      }
      this.selectedItem = item;
    },

    multipleHousesTop() {
      this.houseList.forEach(e => {
        if (e.choose) {
          this.multipleHousesTopTitle.push(e.title);
        }
      });
      this.topVisible = true;
      this.evenMoreT = null;
    },
    leibieClick(item) {
      this.housepage.pageNo = 1;
      if (item != -1) {
        this.leibieIndex = item.valueNum;
        this.housepage.type = item.valueNum;
        this.getHouseInfo();
        return;
      }
      this.leibieIndex = item;
      delete this.housepage.type;
      this.getHouseInfo();
    },
    priceClick(item) {
      this.housepage.pageNo = 1;
      if (item != -1) {
        this.priceIndex = item.valueNum;
        this.housepage.price = item.valueName;
        this.getHouseInfo();
        return;
      }
      this.priceIndex = item;
      delete this.housepage.price;
      this.getHouseInfo();
    },
    mianjiClick(item) {
      this.housepage.pageNo = 1;
      if (item != -1) {
        this.mianjiIndex = item.valueNum;
        this.housepage.area = item.valueName;
        this.getHouseInfo();
        return;
      }
      this.mianjiIndex = item;
      delete this.housepage.area;
      this.getHouseInfo();
    },
    areaClick(item) {
      this.housepage.pageNo = 1;
      if (item != -1) {
        this.areaIndex = item.valueNum;
        this.housepage.region = item.valueName;
        this.getHouseInfo();
        return;
      }
      this.areaIndex = item;
      delete this.housepage.region;
      this.getHouseInfo();
    },
    loucClick(item) {
      this.housepage.pageNo = 1;
      if (item != -1) {
        this.loucIndex = item.valueNum;
        this.housepage.floor = item.remarks;

        this.getHouseInfo();
        return;
      }
      this.loucIndex = item;
      delete this.housepage.floor;
      this.getHouseInfo();
    },

    administrationClick(index) {
      this.housepage.pageNo = 1;
      this.managementChage = false;
      this.compilestate = true;
      this.administrationData = index;
      this.getHouseInfo();
    },
    accomplish() {
      this.compilestate = false;
      this.administrationData = -1;
      (this.housepage = {
        pageSize: 5,
        pageNo: 1,
        userId: "",
        isLz: "0",
        examineStatus: "2",
        status: "0,1",
        orderSort: "1"
      }),
        (this.housepage.userId = this.user.id);
      this.getHouseInfo();
    },
    chufaguanli() {
      this.managementChage = !this.managementChage;
      this.evenMoreT = null;
    },
    getUser() {
      let user = JSON.parse(localStorage.getItem("userInfo"));
      if (user != null) {
        this.loginstate = true;
        this.user = user;
        this.imageUrl = user.image;
        this.housepage.userId = this.user.id;
        this.userdata = {
          nikeName: user.nikeName,
          phone: user.phone
        };
      } else {
        this.loginstate = false;
        this.$message({
          message: "请登录！",
          type: "error",
          offset: 120,
          duration: 2000
        });
        this.$router.push("/");
      }
    },
    getHouseInfo(czfyindex) {
      czfyindex = czfyindex || this.czfyindex;

      console.log(this.czfyindex);
      console.log("this.houseindex", this.houseindex);
      // if (this.examineindex == 4) {
      //   let draft = {};
      //   draft.intendedPerson = this.housepage.userId;
      //   draft.pageSize = 5;
      //   draft.pageNo = this.housepage.pageNo;
      //   if (this.housepage.newOld) {
      //     draft.newOld = this.housepage.newOld;
      //   }
      //   if (this.housepage.transactionType) {
      //     draft.transactionType = this.housepage.transactionType;
      //   }
      //   this.$getHttp("/mob/home/getDraftContent", draft).then((data) => {
      //     if (data.code == 200) {
      //       data.data.data.forEach((v) => {
      //         v.choose = false;
      //       });
      //       this.houseList = data.data.data;
      //       this.housetotal = data.data.count;
      //     }
      //   });
      //   return;
      // }
      var czParam = {};
      if (czfyindex == 1) {
        delete this.housepage.isShare;
        // 房子
        if (this.administrationData == 1) {
          this.housepage.upStatus = 1;
          this.housepage.status = "0,1";
          this.housepage.isShow = "";
          this.housepage.isCopy = "";
        } else if (this.administrationData == 2) {
          this.housepage.upStatus = 0;
          this.housepage.status = "0,1";
          this.housepage.isShow = "";
          this.housepage.isCopy = "";
        } else if (this.administrationData == 3) {
          this.housepage.upStatus = "";
          this.housepage.status = "0,1";
          this.housepage.isShow = "1";
          this.housepage.isCopy = "";
        } else if (this.administrationData == 4) {
          this.housepage.upStatus = "";
          this.housepage.status = "0,1";
          this.housepage.isShow = "";
          this.housepage.isCopy = "1";
        } else if (this.administrationData == 5) {
          this.housepage.upStatus = "";
          this.housepage.status = "1";
          this.housepage.isShow = "";
          this.housepage.isCopy = "";
        } else if (this.administrationData == 6) {
          this.housepage.upStatus = "";
          this.housepage.status = "0,1";
          this.housepage.isShow = "";
          this.housepage.isCopy = "";
          this.housepage.isShare = 1;
        }
      } else if (this.czfyindex == 2 && this.examineindex == 2) {
        //车主并通过  才能使用管理里面
        if (this.administrationData == 1) {
          czParam.shelfStatus = 1;
        } else if (this.administrationData == 2) {
          czParam.shelfStatus = 0;
        } else if (this.administrationData == 3) {
          czParam.homeDisplay = 0;
        } else if (this.administrationData == 4) {
          czParam.apply = 1;
        } else if (this.administrationData == 5) {
          czParam.saleStatus = 1;
        } else if (this.administrationData == 6) {
          czParam.isShare = 1;
        }
      }
      // 简历|兼职
      if (czfyindex == 5) {
        if (this.administrationData == 1) {
          var obj = {
            shelfStatus: 1,
            auditStatus: 1
          };
        } else if (this.administrationData == 2) {
          var obj = {
            shelfStatus: 0,
            auditStatus: 1
          };
        } else {
          var obj = {};
        }
        // this.houseList = [];
        // this.housetotal = 10;
        if (this.houseindex != 1) {
          // 简历
          if (this.examineindex != 4) {
            this.$getHttp("/api/mobile/personnelOwner/getMyPostRecruitment", {
              pageSize: this.housepage.pageSize,
              pageNo: this.housepage.pageNo,
              auditStatus: this.examineindex - 1,
              userId: this.user.id,
              // recruitmentType: this.houseindex == 3 ? "1" : this.houseindex,
              ...obj
            }).then(res => {
              res.recruitment.pageList.forEach(el => {
                if (this.activeData.length > 0) {
                  this.activeData.forEach(es => {
                    if (el.id == es.id) {
                      el.active = true;
                      return true;
                    }
                  });
                } else {
                  el.active = false;
                }
                if (this.examineindex == 2) {
                  if (el.shelfStatus == 0) {
                    this.zptype11[0].valueName = "上架";
                  } else if (el.shelfStatus == 1) {
                    this.zptype11[0].valueName = "下架";
                  }
                  el.zptype11 = JSON.parse(JSON.stringify(this.zptype11));
                  // if (el.whetherTopHome == 1 || el.homeDisplay == 1) {
                  // 	el.zptype11[2].valueName="取消置顶"
                  // }else{
                  // 	el.zptype11[2].valueName="置顶"
                  // }
                }
              });
              let managementData = {};
              res.recruitment.quantityStatisticsList.forEach(v => {
                let data = v.alreadyShelf;
                managementData[data] = v.quantity;
              });

              this.houseList = res.recruitment.pageList;
              this.housetotal = res.recruitment.pageCount;
              this.noticeData = res.recruitment.reminder;
              this.managementData = managementData;
            });
          } else {
            this.$getHttp(
              "/api/mobile/personnelOwner/getMyPostRecruitmentDrafts",
              {
                pageSize: this.housepage.pageSize,
                pageNo: this.housepage.pageNo,
                auditStatus: this.examineindex - 1,
                userId: this.user.id,
                // recruitmentType: this.houseindex == 3 ? "1" : this.houseindex
              }
            ).then(res => {
              //  let managementData = {};
              // res.vehicleDraftsList.pageList.forEach((v) => {
              //   let data = v.alreadyShelf;
              //   managementData[data] = v.quantity;
              // });
              // this.managementData = managementData;
              this.houseList = res.recruitment.pageList.map(v=>{
                v.userInformation = {
                  image: this.user.image,
                  nikeName: this.user.nikeName
                };
                return v;
              });
              this.housetotal = res.recruitment.pageCount;
            });
          }
        } else {
          // 兼职
          // 获取已通过，待审核，已拒绝信息
          if (this.examineindex != 4) {
            this.$getHttp(
              "/api/mobile/personnelOwner/getMyPostBiographicalNotes",
              {
                pageSize: this.housepage.pageSize,
                pageNo: this.housepage.pageNo,
                auditStatus: this.examineindex - 1,
                publisherId: this.user.id,
                ...obj
              }
            ).then(res => {
              res.biographicalNotes.pageList.forEach(el => {
                if (this.activeData.length > 0) {
                  this.activeData.forEach(es => {
                    if (el.id == es.id) {
                      el.active = true;
                      return true;
                    }
                  });
                } else {
                  el.active = false;
                }
                if (this.examineindex == 2) {
                  if (el.shelfStatus == 0) {
                    this.zptype11[0].valueName = "上架";
                  } else if (el.shelfStatus == 1) {
                    this.zptype11[0].valueName = "下架";
                  }
                  el.zptype11 = JSON.parse(JSON.stringify(this.zptype11));
                  // el.zptype11.splice(2,1)
                }
              });
              let managementData = {};
              res.biographicalNotes.quantityStatisticsList.forEach(v => {
                let data = v.alreadyShelf;
                managementData[data] = v.quantity;
              });

              this.houseList = res.biographicalNotes.pageList;
              this.housetotal = res.biographicalNotes.pageCount;
              this.noticeData = res.biographicalNotes.reminder;
              this.managementData = managementData;
            });
          } else {
            this.$getHttp(
              "/api/mobile/personnelOwner/getMyPostBiographicalNotesDrafts",
              {
                pageSize: this.housepage.pageSize,
                pageNo: this.housepage.pageNo,
                auditStatus: this.examineindex - 1,
                publisherId: this.user.id
              }
            ).then(res => {
              this.houseList = res.biographicalNotesDrafts.pageList;
              this.housetotal = res.biographicalNotesDrafts.pageCount;
            });
          }
        }
      }
      // 车主
      if (czfyindex == 2) {
        delete this.housepage.isLz;
        delete this.housepage.examineStatus;
        delete this.housepage.status;
        delete this.housepage.orderSort;
        delete this.housepage.newOld;
        delete this.housepage.transactionType;

        delete this.housepage.upStatus;
        delete this.housepage.isShow;
        delete this.housepage.isCopy;
        // console.log('this.housepage',this.housepage);
        // return
        var obj = JSON.parse(JSON.stringify(this.housepage));
        if (this.examineindex < 4) {
          this.$getHttp(
            "/api/mobile/vehicleOwner/getMyPostVehicleInformation",
            {
              // ...obj,

              pageSize: this.housepage.pageSize,
              pageNo: this.housepage.pageNo,
              auditStatus: this.examineindex - 1,
              publisherId: this.user.id,
              vehicleType: this.houseindex == 4 ? "" : this.houseindex,
              ...this.queryParam,
              ...czParam
            },
            false,
            { iscancel: 1099 }
          ).then(res => {
            res.vehicleInformation.pageList.forEach(el => {
              if (this.activeData.length > 0) {
                this.activeData.forEach(es => {
                  if (el.id == es.id) {
                    el.choose = true;
                    return true;
                  }
                });
              } else {
                el.choose = false;
              }
              if (this.examineindex == 2) {
                if (el.shelfStatus == 0) {
                  this.cztype11[0].valueName = "上架";
                } else if (el.shelfStatus == 1) {
                  this.cztype11[0].valueName = "下架";
                }
                el.cztype11 = JSON.parse(JSON.stringify(this.cztype11));
                if (el.whetherTopHome == 0 || el.homeDisplay == 0) {
                  el.cztype11[2].valueName = "取消置顶";
                } else {
                  el.cztype11[2].valueName = "置顶";
                }
                if (el.saleStatus == 1 || el.copyData == 1) {
                  el.cztype11.splice(4, 1);
                  el.cztype11.splice(5, 1);
                }
                if (el.saleStatus == 1 || el.isShare == 1 || el.copyData == 1) {
                  if (el.copyData == 0 && el.isShare == 1) {
                    el.cztype11[3].valueName = "撤回共享";
                  } else {
                    el.cztype11.splice(3, 1);
                  }
                }
                if (el.vehicleType == 3) {
                  el.cztype11.forEach((i, j) => {
                    if (i.valueName == "已售出") {
                      el.cztype11.splice(j, 1);
                    }
                  });
                  el.cztype11.forEach((i, j) => {
                    if (
                      i.valueName == "分享至共享车源" ||
                      i.valueName == "撤回共享"
                    ) {
                      el.cztype11.splice(j, 1);
                    }
                  });
                }
                // 如果 个人车源
                if (!el.hasOwnProperty("distributor")) {
                  // id:4,valueName:'分享至共享房源'
                  el.cztype11 = el.cztype11.filter(item => {
                    return item.id != 4;
                  });

                  // console.log("el.type6el.type6", el.type6);
                }
              }
              if (this.TabCur1 == 1) {
                if (el.shelfStatus == 0) {
                  this.cztype11[0].valueName = "上架";
                } else if (el.shelfStatus == 1) {
                  this.cztype11[0].valueName = "下架";
                }
                el.cztype11 = JSON.parse(JSON.stringify(this.cztype11));
                if (el.whetherTopHome == 0 || el.homeDisplay == 0) {
                  el.cztype11[2].valueName = "取消置顶";
                } else {
                  el.cztype11[2].valueName = "置顶";
                }
                // 先不做共享房源，默认删除
                el.cztype11.splice(3, 1);
                if (el.saleStatus == 1) {
                  el.cztype11.splice(3, 1);
                }
              }
            });
            let managementData = {};
            res.vehicleInformation.quantityStatisticsList.forEach(v => {
              let data = v.alreadyShelf;
              managementData[data] = v.quantity;
            });

            this.houseList = res.vehicleInformation.pageList;
            this.housetotal = res.vehicleInformation.pageCount;
            this.noticeData = res.vehicleInformation.reminder;
            this.managementData = managementData;
            console.log(this.noticeData);
            console.log("this.managementData", this.managementData);
          });
        } else {
          delete this.housepage.isLz;
          delete this.housepage.examineStatus;
          delete this.housepage.status;
          delete this.housepage.orderSort;
          delete this.housepage.newOld;
          delete this.housepage.transactionType;
          delete this.housepage.publisherId;
          delete this.housepage.userId;

          delete this.housepage.upStatus;
          delete this.housepage.isShow;
          delete this.housepage.isCopy;
          var obj = JSON.parse(JSON.stringify(this.housepage));
          this.$getHttp(
            "/api/mobile/vehicleOwner/getVehicleDraftsByDraftedBy",
            {
              ...obj,
              publisherId: this.user.id,
              draftedBy: JSON.parse(localStorage.getItem("userInfo")).id,
              vehicleType: this.houseindex == 4 ? "" : this.houseindex
            }
          ).then(res => {
            let managementData = {};
            res.vehicleDraftsList.pageList.forEach(v => {
              let data = v.alreadyShelf;
              managementData[data] = v.quantity;
            });
            this.managementData = managementData;
            this.houseList = res.vehicleDraftsList.pageList;
            this.housetotal = res.vehicleDraftsList.pageCount;
          });
        }
        return;
      }
      if (czfyindex == 4) {
        //服务项目
        if (this.examineindex < 4) {
          this.$getHttp("/api/mobile/vehicleOwner/getMyOwnerService", {
            auditStatus: this.examineindex - 1,
            publisherId: this.user.id,
            pageSize: this.housepage.pageSize,
            pageNo: this.housepage.pageNo
          }).then(res => {
            res.serviceItems.pageList.forEach(el => {
              if (this.activeData.length > 0) {
                this.activeData.forEach(es => {
                  if (el.id == es.id) {
                    el.choose = true;
                    return true;
                  }
                });
              } else {
                el.choose = false;
              }
              if (this.examineindex == 2) {
                if (el.shelfStatus == 0) {
                  this.cztype11[0].valueName = "上架";
                } else if (el.shelfStatus == 1) {
                  this.cztype11[0].valueName = "下架";
                }
                el.cztype11 = JSON.parse(JSON.stringify(this.cztype11));
                if (el.whetherTopHome == 0 || el.homeDisplay == 0) {
                  el.cztype11[2].valueName = "取消置顶";
                } else {
                  el.cztype11[2].valueName = "置顶";
                }
                el.cztype11.splice(2, 1);
                // 先不做共享房源，默认删除
                el.cztype11.splice(3, 1);
                el.cztype11.splice(3, 1);
              }
            });
            let managementData = {};
            res.serviceItems.quantityStatisticsList.forEach(v => {
              let data = v.alreadyShelf;
              managementData[data] = v.quantity;
            });
            console.log("managementData", managementData);
            this.houseList = res.serviceItems.pageList;
            this.housetotal = res.serviceItems.pageCount;
            this.noticeData = res.serviceItems.reminder;
            this.managementData = managementData;
          });
        } else {
          this.$getHttp(
            "/api/mobile/vehicleOwner/getMyPostServiceItemsDrafts",
            {
              draftedBy: this.user.id,
              pageSize: this.housepage.pageSize,
              pageNo: this.housepage.pageNo
            }
          ).then(res => {
            let managementData = {};
            res.serviceItemsDraftsList.pageList.forEach(v => {
              let data = v.alreadyShelf;
              managementData[data] = v.quantity;
            });
            console.log("managementData", managementData);
            this.houseList = res.serviceItemsDraftsList.pageList;
            this.housetotal = res.serviceItemsDraftsList.pageCount;
            this.managementData = managementData;
          });
        }

        return;
      }
      // 帮友圈
      if (czfyindex == 3) {
        delete this.housepage.isLz;
        delete this.housepage.examineStatus;
        delete this.housepage.status;
        delete this.housepage.orderSort;
        delete this.housepage.newOld;
        delete this.housepage.transactionType;

        delete this.housepage.upStatus;
        delete this.housepage.isShow;
        delete this.housepage.isCopy;
        var obj = JSON.parse(JSON.stringify(this.housepage));
        if (this.examineindex < 4) {
          this.$getHttp(
            "/api/mobile/vehicleOwner/getMyReleaseHelpingFriendsCircle",
            {
              publisherId: this.user.id,
              ...obj,
              auditStatus: this.examineindex - 1,
              whetherDrafts: ""
            }
          ).then(res => {
            let managementData = {};
            res.helpingFriendsCircleList.pageList.forEach(v => {
              let data = v.alreadyShelf;
              managementData[data] = v.quantity;
            });
            res.helpingFriendsCircleList.pageList.forEach(item => {
              item.chage = 0;
              item.picture = this.manageImg(item.picture);
              item.imageList = this.manageImg(item.picture);
              item.video = this.manageImg(item.video);
            });
            this.houseList = res.helpingFriendsCircleList.pageList;
            this.housetotal = res.helpingFriendsCircleList.pageCount;

            this.managementData = managementData;

            console.log("houseList", this.houseList);
          });
        } else {
          delete this.housepage.isLz;
          delete this.housepage.examineStatus;
          delete this.housepage.status;
          delete this.housepage.orderSort;
          delete this.housepage.newOld;
          delete this.housepage.transactionType;

          delete this.housepage.upStatus;
          delete this.housepage.isShow;
          delete this.housepage.isCopy;
          var obj = JSON.parse(JSON.stringify(this.housepage));
          this.$getHttp(
            "/api/mobile/vehicleOwner/getMyReleaseHelpingFriendsCircle",
            {
              publisherId: this.user.id,

              ...obj,
              whetherDrafts: 1
              // vehicleType: this.houseindex,
            }
          ).then(res => {
            let managementData = {};
            res.helpingFriendsCircleList.pageList.forEach(v => {
              let data = v.alreadyShelf;
              managementData[data] = v.quantity;
            });
            this.managementData = managementData;
            res.helpingFriendsCircleList.pageList.forEach(item => {
              item.chage = 0;
              item.picture = this.manageImg(item.picture);
              item.imageList = this.manageImg(item.picture);
              item.video = this.manageImg(item.video);
            });
            this.houseList = res.helpingFriendsCircleList.pageList;
            this.housetotal = res.helpingFriendsCircleList.pageCount;
          });
        }

        return;
      }
      //
      if (czfyindex == 1) {
        //房源
        if (this.examineindex == 4) {
          this.$getHttp("/mob/home/getDraftContent", {
            intendedPerson: this.user.id,

            pageSize: this.housepage.pageSize,
            pageNo: this.housepage.pageNo,
            transactionType: "",
            newOld: ""
          }).then(data => {
            if (data.code == 200) {
              data.data.data.forEach(el => {
                el.choose = false;
                if (el.house_image) {
                  el.house_image = this.$img + el.house_image.split("|")[0];
                }
                if (el.hasOwnProperty("FLOOR")) {
                  if (el.FLOOR.indexOf("|") == -1) {
                    el.foors = "";
                  } else {
                    el.foors =
                      el.FLOOR.split("|")[0] +
                      "层/" +
                      "共" +
                      el.FLOOR.split("|")[1] +
                      "层";
                  }
                }
                if (!el.hasOwnProperty("shop_name")) {
                  el.shop_name = "个人房源";
                }
                if (this.examineindex == 2) {
                  if (el.up_status == 0) {
                    this.type6[0].valueName = "上架";
                  } else if (el.up_status == 1) {
                    this.type6[0].valueName = "下架";
                  }

                  // if (el.is_show=='0') {
                  // 	this.type6[2].valueName='置顶'
                  // }else if(el.is_show=='1'){
                  // 	this.type6[2].valueName='取消置顶'
                  // }
                  el.type6 = JSON.parse(JSON.stringify(this.type6));
                  if (el.is_copy == 1) {
                    el.type6.splice(5, 1);
                  }
                  if (el.STATUS == "1" || el.is_copy == 1) {
                    el.type6.splice(5, 1);
                    el.type6.splice(3, 1);
                  }
                  if (el.is_share == 1 || el.STATUS == 1 || el.is_copy == 1) {
                    console.log(12312);
                    if (el.is_copy == 0 && el.is_share == 1) {
                      el.type6[2].valueName = "撤回共享";
                    } else {
                      el.type6.splice(2, 1);
                    }
                  }

                  if (el.up_status == "0") {
                    el.type6.splice(1, 1);
                  }
                }
              });

              this.houseList = data.data.data;
              this.housetotal = data.data.count;
              // this.noticeData = data.reminder;
              // this.managementData = managementData;
            }
          });
        } else {
          this.dealOPe(JSON.parse(JSON.stringify(this.housepage)));
          this.$getHttp("/mob/home/getHouseInfo", { ...this.housepage, examineStatus: this.examineindex }).then(data => {
            if (data.code == 200) {
              data.list.forEach(el => {
                el.choose = false;
                if (el.house_image) {
                  el.house_image = this.$img + el.house_image.split("|")[0];
                }
                if (el.hasOwnProperty("FLOOR")) {
                  if (el.FLOOR.indexOf("|") == -1) {
                    el.foors = "";
                  } else {
                    el.foors =
                      el.FLOOR.split("|")[0] +
                      "层/" +
                      "共" +
                      el.FLOOR.split("|")[1] +
                      "层";
                  }
                }
                if (this.examineindex == 2) {
                  if (el.up_status == 0) {
                    this.type6[0].valueName = "上架";
                  } else if (el.up_status == 1) {
                    this.type6[0].valueName = "下架";
                  }

                  // if (el.is_show=='0') {
                  // 	this.type6[2].valueName='置顶'
                  // }else if(el.is_show=='1'){
                  // 	this.type6[2].valueName='取消置顶'
                  // }
                  el.type6 = JSON.parse(JSON.stringify(this.type6));
                  if (el.is_copy == 1) {
                    el.type6.splice(5, 1);
                  }
                  if (el.STATUS == "1" || el.is_copy == 1) {
                    el.type6.splice(5, 1);
                    el.type6.splice(3, 1);
                  }
                  if (el.is_share == 1 || el.STATUS == 1 || el.is_copy == 1) {
                    console.log(12312);
                    if (el.is_copy == 0 && el.is_share == 1) {
                      el.type6[2].valueName = "撤回共享";
                    } else {
                      el.type6.splice(2, 1);
                    }
                  }
                  if (el.up_status == "0") {
                    el.type6.splice(1, 1);
                  }
                  // 如果 个人房源
                  if (!el.hasOwnProperty("shop_name")) {
                    // id:4,valueName:'分享至共享房源'
                    el.type6 = el.type6.filter(item => {
                      return item.id != 4;
                    });

                    // console.log("el.type6el.type6", el.type6);
                  }
                  // console.log("el.type6el.type6", el.type6);
                }
                if (!el.hasOwnProperty("shop_name")) {
                  el.shop_name = "个人房源";
                }
              });
              let managementData = {};
              data.quantityStatistics.forEach(v => {
                let data = v.alreadyShelf;
                managementData[data] = v.quantity;
              });
              this.houseList = data.list;
              this.housetotal = data.count;
              this.noticeData = data.reminder;
              this.managementData = managementData;
              // console.log('managementDatamanagementDatamanagementData',this.managementData);
            }
          });
        }
      }
    },

    // details(item,i) {
    //   // 帮友圈
    //   if (this.czfyindex == 3) {
    //     //车主 帮友圈
    //     if (this.examineindex == 3 || this.examineindex == 4) {
    //       //已拒绝  编辑帮友圈
    //       this.$router.push({
    //         path: "/release/releaseCircleFriends",
    //         query: {
    //           id: item.id,
    //           type: this.examineindex == 4 ? 1 : 0,
    //         },
    //       });
    //     } else {
    //       //已通过/待审核 查看帮友圈
    //       this.$router.push({
    //         path: "/my/friendsCircleDetails",
    //         query: {
    //           id: item.id,
    //         },
    //       });
    //     }
    //     return;
    //   }
    //   if (this.czfyindex == 1) {
    //     //房源

    //     if (this.examineindex == 4 || this.examineindex == 3) {
    //       let items = JSON.stringify(item);
    //       localStorage.setItem("editData", items);
    //       if (item.transaction_type == 1) {
    //         this.$router.push({
    //           path: "/release/rent",
    //         });
    //       } else {
    //         this.$router.push({
    //           path: "/release/sell",
    //         });
    //       }
    //     } else if (this.examineindex == 2) {
    //       if (item.transaction_type == 1) {
    //         this.$router.push({
    //           path: "/index/leaseDetails",
    //           query: {
    //             id: item.id,
    //           },
    //         });
    //       } else {
    //         this.$router.push({
    //           path: "/index/newHouseDetails",
    //           query: {
    //             id: item.id,
    //           },
    //         });
    //       }
    //     } else if (this.examineindex == 1) {
    //       if (item.transaction_type == 1) {
    //         this.$router.push({
    //           path: "/index/leaseDetails",
    //           query: {
    //             id: item.id,
    //           },
    //         });
    //       } else {
    //         this.$router.push({
    //           path: "/index/newHouseDetails",
    //           query: {
    //             id: item.id,
    //           },
    //         });
    //       }
    //     }
    //   } else if (this.czfyindex == 2) {
    //     //车源
    //     console.log("车源编辑", this.examineindex);
    //     if (this.examineindex != 5) {
    //       //拒绝-草稿箱 编辑
    //       if (this.houseindex == 1) {
    //         //新车
    //         var type = "first";
    //         var index = 0;
    //       } else if (this.houseindex == 2) {
    //         //二手车
    //         var type = "second";
    //         var index = 0;
    //       }
    //       this.$router.push({
    //         path: "/my/releaseOptions",
    //         query: {
    //           type,
    //           index,
    //           id: item.id,
    //           examineindex: i==2?0:1,
    //         },
    //       });
    //     } else if (this.examineindex == 1 || this.examineindex == 2) {
    //       //通过-待审核
    //       console.log("车源查看");
    //       this.$router.push({
    //         path: "/index/newSourceDetails",
    //         query: {
    //           id: item.id,
    //         },
    //       });
    //       return;
    //       if (this.houseindex == 1 || this.houseindex == 2) {
    //       } else {
    //         this.$router.push({
    //           path: "/release/sellCar",
    //           query: {
    //             id: item.id,
    //           },
    //         });
    //       }
    //     }
    //   }
    // },
    updata(type) {
      switch (type) {
        case 1:
          this.updateUser({
            id: this.user.id,
            nikeName: this.user.nikeName
          });
          break;
        case 2:
          // this.updateUser({
          // 	id:this.user.id,
          // 	phone:this.user.nikeName
          // })
          this.$message({
            message: "需开发组件！",
            type: "error",
            offset: 120,
            duration: 2000
          });
          break;
        case 4:
          this.$confirm("此操作将永久注销该账号, 是否继续?", "提示", {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning"
          })
            .then(() => {
              this.$postHttp("/mob/user/cancellation", {
                id: this.user.id
              }).then(data => {
                if (data.code == 200) {
                  this.$message({
                    type: "success",
                    message: "注销成功!"
                  });
                  localStorage.removeItem("userInfo");
                  this.$router.push({
                    path: "/"
                  });
                }
              });
            })
            .catch(() => {
              this.$message({
                type: "info",
                message: "已取消"
              });
            });
          break;
      }
    },
    updateUser(data) {
      this.$postHttp("/mob/user/updateUserInfo", data).then(data => {
        if (data.code == 200) {
          this.$message({
            message: "修改昵称成功！",
            type: "success",
            offset: 120,
            duration: 2000
          });
          this.getUserInfo();
        }
      });
    },
    getUserInfo() {
      this.$getHttp("/mob/login/getUserInfoByPhone", {
        phone: this.user.phone
      }).then(data => {
        if (data.code == 200) {
          localStorage.setItem("userInfo", JSON.stringify(data.userInfo));
          this.userInfo = data.userInfo;
        }
      });
    },
    xuanClick(num) {
      this.xuan = num;
      switch (num) {
        case 1:
          this.$router.push({
            path: "/my/index"
          });
          break;
        case 4:
          this.$router.push({
            path: "/my/collect"
          });
          break;
        case 5:
          this.$router.push({
            path: "/my/browsing"
          });
          break;
        case 6:
          this.$router.push({
            path: "/my/inform"
          });
          break;
        case 10:
          this.$router.push({
            path: "/my/instrument"
          });
          break;
      }
    },
    //删除房源
    delHouse() {
      let delList = [];
      if (this.examineindex == 4) {
        this.houseList.forEach(e => {
          if (e.choose) {
            delList.push(e.id);
          }
        });
        if (delList.length > 0) {
          this.$confirm("此操作将删除选中的草稿, 是否继续?", "提示", {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning"
          })
            .then(() => {
              this.$postHttp("/mob/home/deleteDraft", {
                ids: delList.join(",")
              }).then(data => {
                if (data.code == 200) {
                  this.$message({
                    type: "success",
                    message: "删除成功!"
                  });
                }
              });
              setTimeout(() => {
                this.initgetHouseInfo();
              }, 500);
            })
            .catch(() => {
              this.$message({
                type: "info",
                message: "已取消"
              });
            });
        }
        return;
      }
      this.houseList.forEach(e => {
        if (e.choose) {
          delList.push(e.id);
        }
      });
      if (delList.length > 0) {
        this.$confirm("此操作将删除选中的房源, 是否继续?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        })
          .then(() => {
            this.$postHttp("/mob/user/delHouseInfo", {
              ids: delList.join(",")
            }).then(data => {
              if (data.code == 200) {
                this.$message({
                  type: "success",
                  message: "删除成功!"
                });
              }
            });
            setTimeout(() => {
              this.initgetHouseInfo();
            }, 500);
          })
          .catch(() => {
            this.$message({
              type: "info",
              message: "已取消"
            });
          });
      }
    },
    refresh(item) {
      // let delList = []
      // this.houseList.forEach((e) =>{
      // 	if(e.choose){
      // 		delList.push(e.id)
      // 	}
      // })
      // if (delList.length>0) {

      this.goRefresh(item.id);
      return;
      this.$postHttp("/mob/home/refresh", { id: item.id }).then(data => {
        if (data.code == 200) {
          this.$message({
            type: "success",
            message: "刷新成功!"
          });
          this.evenMoreT = null;
          setTimeout(() => {
            this.initgetHouseInfo();
          }, 500);
        }
      });
      // }
    },

    // 管理里面的刷新
    administrationRefresh() {
      let delList = [];
      this.houseList.forEach(e => {
        if (e.choose) {
          delList.push(e.id);
        }
      });
      if (delList.length > 0) {
        this.goRefresh(delList.join(","));
        return;
        this.$postHttp("/mob/home/refresh", { id: delList.join(",") }).then(
          data => {
            if (data.code == 200) {
              this.$message({
                type: "success",
                message: "刷新成功!"
              });
              this.evenMoreT = null;
              setTimeout(() => {
                this.initgetHouseInfo();
              }, 500);
            }
          }
        );
      }
    },
    allselect() {
      this.houseList.forEach(e => {
        e.choose = !e.choose;
      });
    },
    choosehouse(id) {
      let ss = 0;
      this.houseList.forEach(e => {
        if (e.id == id) {
          if (this.checkType === "") {
            this.checkType = e.transaction_type;
            e.choose = !e.choose;
          } else {
            e.choose = !e.choose;
            // if (this.checkType != e.transaction_type){
            // 	e.choose = false
            // 	this.$message({
            // 		type: 'success',
            // 		message: '只能选择同状态的数据!'
            // 	});
            // } else {
            // 	e.choose = !e.choose
            // }
          }
        }
        // if (e.choose){
        // 	ss = 1
        // }
      });
      // if (ss == 0){//当数据没有被选中的就置空
      // 	 this.checkType = ''
      // }
    },
    updatPwd() {
      if (this.onepwd.trim() == this.twopwd.trim()) {
        this.$postHttp("/mob/login/updatePassByPass", {
          id: this.user.id,
          password: this.twopwd.trim(),
          oldPassword: this.oldpwd.trim()
        }).then(data => {
          if (data.code == 200 && data.success) {
            this.$message({
              message: "密码修改成功！",
              type: "success",
              offset: 120,
              duration: 2000
            });
          } else {
            this.$message({
              message: data.msg,
              type: "error",
              offset: 120,
              duration: 2000
            });
          }
        });
      } else {
        this.$message({
          message: "2次新密码不一致！",
          type: "error",
          offset: 120,
          duration: 2000
        });
      }
    },
    floor(a) {
      var fool = a.split(",");
      if (fool[0] == 1) return fool[1] + "层/" + fool[2] + "层";
      if (fool[0] == 2)
        return fool[1] + "层-" + fool[2] + "层共" + fool[3] + "层";
      if (fool[0] == 3) return "共层" + fool[1] + "层";
    },
    houseClick(index) {
      // 车主 车辆类别重置为到店新车
      this.vehicleType = 1;
      if (this.housepage.type) {
        delete this.housepage.type;
      }
      if (this.housepage.price) {
        delete this.housepage.price;
      }
      if (this.housepage.area) {
        delete this.housepage.area;
      }
      if (this.housepage.region) {
        delete this.housepage.region;
      }
      if (this.housepage.floor) {
        delete this.housepage.floor;
      }
      this.clear(-1, true);
      // 车主 非草稿箱
      this.createdTab(this.czfyindex, this.examineindex, index);
      // if (this.czfyindex == 2 && this.examineindex != 4) {
      //   this.vehicleType = index;

      //   this.houseindex = index;
      //   this.managementChage = false;
      //   this.evenMoreT = null;
      //   this.housepage.pageNo = 1;
      //   return false;
      // }
      this.houseindex = index;
      this.managementChage = false;
      this.evenMoreT = null;
      this.housepage.pageNo = 1;
      switch (index) {
        case 1:
          delete this.housepage.newOld;
          delete this.housepage.transactionType;
          break;
        case 2:
          this.housepage.newOld = 2;
          this.housepage.transactionType = 2;
          break;
        case 3:
          this.housepage.newOld = 1;
          this.housepage.transactionType = 2;
          // this.getHouseInfo();
          // this.friendsCircle();
          break;
        case 4:
          delete this.housepage.newOld;
          this.housepage.transactionType = 1;
          break;
      }
      this.initgetHouseInfo();
    },
    examineClick(index) {
      // if (this.czfyindex == 2) {
      // } else {
      //   this.houseindex = 1;
      // }
      this.createdTab(this.czfyindex, index, this.houseindex);
      this.examineindex = index;
      // 点击审核分类
      // 下一级为第一个
      if (this.compilestate) {
        this.compilestate = false;
        this.administrationData = -1;
        (this.housepage = {
          pageSize: 5,
          pageNo: 1,
          userId: "",
          isLz: "0",
          examineStatus: "2",
          status: "0,1",
          orderSort: "1"
        }),
          (this.housepage.userId = this.user.id);
      } else {
        this.housepage.pageNo = 1;
      }
      this.evenMoreT = null;

      delete this.housepage.newOld;
      delete this.housepage.transactionType;
      this.managementChage = false;

      this.examineindex = index;
      console.log(
        "this.examineindexthis.examineindexthis.examineindex",
        this.examineindex
      );
      // 审核类型
      this.housepage.examineStatus = this.czfyindex == 2 ? index - 1 : index;
      this.initgetHouseInfo(this.housepage.pageNo);

      // this.getHouseInfo();
    },
    handleAvatarSuccess(res, file) {
      this.imageUrl = URL.createObjectURL(file.raw);
      this.$postHttp("/mob/user/updateUserInfo", {
        id: this.user.id,
        image: this.imgurl + res.attach.attachPath
      }).then(data => {
        if (data.code == 200) {
          this.user.image = this.imgurl + res.attach.attachPath;
          this.$message({
            message: "修改头像成功！",
            type: "success",
            offset: 120,
            duration: 2000
          });
          this.getUserInfo();
        }
      });
    },
    houseCurrentChange(e) {
      this.housepage.pageNo = e;
      this.getHouseInfo();
    },

    housecompile(type) {
      this.compilestate = type;
      // if(type){
      // 	this.compilestate = type
      // }else{
      // 	// let idList = []
      // 	// this.houseList.forEach((e) =>{
      // 	// 	if(e.choose){
      // 	// 		idList.push(e.id)
      // 	// 	}
      // 	// })
      // 	// if(idList.length == 0){
      // 	// 	this.compilestate = type
      // 	// 	return
      // 	// }
      // 	this.xzList = idList
      // }
    },
    openTop(index) {
      this.houseList.forEach(e => {
        if (e.choose) {
          this.topVisible = true;
        } else {
          this.$message({
            message: "请选择房源！",
            type: "success",
            offset: 120,
            duration: 2000
          });
        }
      });
    },
    initgetHouseInfo(pageNo) {
      this.housepage.pageNo = pageNo || 1;
      this.houseList = [];
      this.housetotal = 0;
      this.getHouseInfo();
    },

    //取消置顶
    cancelTopSub(chage) {
      this.$confirm("此操作将取消该房源的置顶, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          if (chage == 1) {
            this.$postHttp("/mob/home/updateUpHomePage", {
              id: this.houseTopData.id,
              isShow: "0"
            }).then(data => {
              if (data.code == 200) {
                this.$message({
                  message: "取消置顶成功！",
                  type: "success",
                  offset: 120,
                  duration: 2000
                });
                this.initgetHouseInfo();
              }
            });
          } else {
            let houseId = [];
            this.houseList.forEach(e => {
              if (e.choose) {
                houseId.push(e.id);
              }
            });
            if (houseId.length == 0) {
              this.$message({
                message: "请选择房源！",
                type: "success",
                offset: 120,
                duration: 2000
              });
              return;
            }
            this.$postHttp("/mob/home/updateUpHomePage", {
              id: houseId.join(","),
              isShow: "0"
            }).then(data => {
              if (data.code == 200) {
                this.$message({
                  message: "取消置顶成功！",
                  type: "success",
                  offset: 120,
                  duration: 2000
                });
                this.initgetHouseInfo();
              }
            });
          }
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消"
          });
        });
    },
    beforeAvatarUpload(file) {
      const isJPG =
        file.type.substring(0, 5) === "image" ||
        file.type.substring(6, 7) == "g";
      const isLt2M = file.size / 1024 / 1024 < 2;
      if (!isJPG) {
        this.$message.error("上传头像图片只能是图片格式!");
        return;
      }
      if (!isLt2M) {
        this.$message.error("上传图片大小不能超过2M");
        return;
      }
      return isJPG && isLt2M;
    },

    // 通告栏
    bulletinBoard() {
      // 公告上面先赋值，再获取宽度
      setTimeout(() => {
        // 公告div长度
        var oneNoticeWidth = document.getElementsByClassName("showNotice")[0]
          .offsetWidth;
        // 公告外层div长度
        var noticeBoxWidth = document.getElementsByClassName("noticeBox")[0]
          .offsetWidth;
        //   一条公告长度太大时，才滚动
        if (oneNoticeWidth > noticeBoxWidth) {
          // 滚动公告需要将公告重复两遍进行滚动，两遍中间需要加空格
          this.notice =
            this.showNotice +
            "\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0";
          // 上面先赋值，再获取宽度
          setTimeout(() => {
            // 获取一遍加中间空格的长度，即左移时第二遍与第一遍完全重合时的长度
            var oneNoticeAddEmptyWidth = document.getElementsByClassName(
              "notice"
            )[0].offsetWidth;
            // 公告内容重复两遍
            this.showNotice = this.notice + this.showNotice;
            this.timer = setInterval(() => {
              this.marginLeft -= 1;
              // 第二遍与第一遍起始位置重合时（第一条已完全移到左侧隐藏），marginLeft置0，即回到第一条
              if (this.marginLeft === -1 * oneNoticeAddEmptyWidth) {
                this.marginLeft = 0;
              }
            }, 20);
          }, 10);
        } else {
          //公告并没有很长时不滚动
          this.marginLeft = 0;
        }
      }, 10);
    }
  }
};
</script>
<style lang="less" scoped>
.houseview {
  position: relative;
}

/deep/.el-range-editor.is-active,
.el-range-editor.is-active:hover,
/deep/.el-select .el-input.is-focus .el-input__inner {
  border-color: rgb(224, 224, 224) !important;
}

/deep/.el-select-dropdown__item.selected {
  color: #fff !important;
}

/deep/.el-input__inner {
  // color: rgb(224, 224, 224)!important;
  color: rgba(0, 0, 0, 1) !important;
}

/deep/.el-select .el-input {
  width: 252px !important;
  outline: none !important;
}

/deep/.el-input .el-input__inner {
  width: 252px !important;
  height: 32px !important;
  border-radius: 6px !important;
}

/deep/ .el-input__icon {
  line-height: 32px !important;
}

.settop {
  /deep/.el-input .el-input__inner {
    width: 240px !important;
    height: 30px !important;
    border-radius: 6px !important;
  }
}

.cz_right {
  display: flex;
  justify-content: space-between;

  .nameList {
    width: 460px;
    display: flex;
    flex-direction: column;
    padding-left: 14px;
    justify-content: space-between;

    .t_1 {
      font-size: 22px;
      cursor: pointer;
      // padding-bottom: 12px;
    }

    .t_2 {
      font-size: 18px;
      color: #666666;
      // margin-top: 12px;
    }

    .t_4 {
      font-size: 18px;
      color: #666666;

      .t_4_img {
        width: 31px;
        height: 31px;
      }

      div {
        display: inline-block;
        //width: 90px;
        padding: 0px 5px;
        height: 30px;
        background: #ffffff;
        border: 1px solid #64b6a8;
        border-radius: 4px;
        text-align: center;
        line-height: 30px;
        margin-left: 24px;
        color: #64b6a8;
      }
    }
  }

  .storeList {
    width: 460px;
    padding-left: 14px;
    display: flex;
    flex-direction: column;

    .t_1 {
      font-size: 22px;
      // padding-bottom: 32px;
    }

    .t_2 {
      font-size: 18px;
      color: #666666;
      // margin-top: 12px;
    }
  }

  .li_right_price {
    font-size: 26px;
    font-weight: 600;
    color: #e00000;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.helpFriends {
  width: 810px;
  margin-bottom: 12px;

  .helpFriends_title {
    display: flex;
    align-items: center;
    justify-content: space-between;

    .helpFriends_title_left {
      display: flex;
      align-items: center;

      .helpFriends_title_left_img {
        width: 76px;
        height: 76px;
      }

      .helpFriends_title_left_span {
        font-size: 18px;
        font-weight: 500;
        color: #999999;
        margin-left: 40px;
      }
    }

    .helpFriends_title_right {
      display: flex;
      justify-content: space-between;
      cursor: pointer;
    }
  }

  .helpFriends_article {
    margin-top: 32px;

    .helpFriends_article_text {
      font-size: 18px;
      font-weight: 500;
      color: #999;
      line-height: 30px;
    }

    .helpFriends_article_active {
      font-size: 18px;
      font-weight: 500;
      color: #999;
      line-height: 30px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
    }

    .unfold {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      font-size: 20px;
      font-weight: 400;
      color: #64b6a8;

      span {
        cursor: pointer;
      }

      .unfold_img {
        width: 20px;
        height: 20px;
        cursor: pointer;
      }
    }

    .unfold_yc {
      display: none;
    }
  }

  .img_one {
    width: 100%;
    height: 290px;
    margin-top: 30px;

    img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      border-radius: 8px;
    }
  }

  .img_two {
    width: 100%;
    height: 290px;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;

    img {
      object-fit: cover;
      width: 48%;
      height: 100%;
      border-radius: 8px;
    }
  }

  .img_three {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;

    img {
      object-fit: cover;
      width: 30%;
      height: 100%;
      border-radius: 8px;
      margin-bottom: 20px;
    }
  }

  .video {
    width: 100%;
    height: 290px;
    margin-top: 30px;

    video {
      width: 100%;
      height: 100%;
      border-radius: 8px;
    }
  }

  .byq_bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    align-items: center;

    .byq_bottom_right {
      display: flex;
      align-items: center;

      .byq_bottom_right_item {
        display: flex;
        align-items: center;
        font-size: 26px;
        font-weight: 400;
        color: #333333;
        margin-right: 35px;

        .byq_bottom_right_item_img {
          width: 30px;
          height: 30px;
          margin-right: 10px;
        }
      }
    }
  }
}

.popupBox {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;

  // z-index: 10000;
  .popupit {
    width: 434px;
    height: 217px;
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid #707070;

    .title {
      padding: 0 73px;
      margin-top: 58px;
      color: #000;
    }

    .confirmBtn {
      width: 100%;
      height: 70px;
      // background-color: #64b6a8;
      text-align: center;
      line-height: 70px;
      border-radius: 0 0 10px 10px;
      margin-top: 48px;
      cursor: pointer;
    }
  }

  .btn {
    margin-top: 43px;
    display: flex;
    box-sizing: border-box;
    border: none;

    .cancel {
      width: 115px;
      height: 44px;
      border-radius: 37px;
      border: 1px solid #64b6a8;
      font-size: 21px;
      color: #64b6a8;
      text-align: center;
      line-height: 44px;
      margin-left: 87px;
      margin-right: 32px;
      cursor: pointer;
    }

    .affirm {
      width: 115px;
      height: 44px;
      border-radius: 37px;
      text-align: center;
      line-height: 44px;
      cursor: pointer;
      border: 1px solid #64b6a8;
    }
  }
}

.saixuan {
  color: #333;
  width: 800px;
  // margin-left: 50%;
  // transform: translateX(-50%);
  font-size: 0;
  margin-left: 34px;

  .li {
    .p1 {
      display: inline-block;
      font-size: 16px;
      font-weight: 600;
      margin-right: 32px;
      vertical-align: top;
    }

    .p2 {
      display: inline-block;
      font-size: 16px;
      margin-right: 32px;
      vertical-align: top;
      cursor: pointer;
    }

    div {
      display: inline-block;
      font-size: 16px;
      margin-right: 30px;
      vertical-align: top;
      margin-bottom: 10px;
    }

    .list {
      width: 600px;

      div {
        cursor: pointer;
      }
    }

    .xuan {
      color: #64b6a8;
    }
  }
}

.bottomOperation {
  height: 100%;
  display: flex;
  justify-content: right;
  align-items: center;

  .item {
    width: 120px;
    height: 45px;
    background-color: #64b6a8;
    font-size: 20px;
    text-align: center;
    line-height: 45px;
    border-radius: 45px;
    color: #fff;
    margin-right: 14px;
    cursor: pointer;
  }

  .refresh {
    width: 120px;
    height: 45px;
    display: flex;
    align-items: center;
    font-size: 22px;
    color: #64b6a8;
    cursor: pointer;
    justify-content: center;

    img {
      margin-right: 5px;
      width: 30px;
      height: 30px;
    }
  }
}

.houselist {
  width: 936px;
  /* height: 1500px; */
  min-height: 818px;

  border-radius: 10px;
  vertical-align: top;
  display: inline-block;

  .h1 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    color: #333333;
  }

  .title {
    display: flex;
    padding: 23px 32px;
    color: #333333;
    font-size: 20px;
    align-items: center;
    border-bottom: #e0e0e0 1px solid;

    /* justify-content: space-between; */
    .item {
      position: absolute;
      color: #64b6a8;
      font-size: 12px;
      top: -4px;
      right: -12px;
    }

    &.level2-father {
      padding: 18px 32px;
    }

    &.level3-father {
      padding: 12px 32px;
    }
  }

  .level2-father {
    .ttext {
      margin-right: 36px !important;
      font-size: 20px;
    }
  }

  .level3-father {
    .ttext {
      margin-right: 28px;
      font-size: 18px;
    }
  }

  .ttext {
    margin-right: 54px;
    cursor: pointer;
    color: #333333;
    font-size: 22px;
  }

  .xttext {
    font-size: 500;
    color: #64b6a8;
    transform-origin: left;
    transform: scale(1.2);
  }

  .house {
    width: 100%;
    height: 100%;

    .houseview {
      box-sizing: border-box;
      display: flex;

      img {
        width: 230px;
        height: 154px;
        cursor: pointer;
      }
    }

    .morePopup {
      width: 128px;
      border: 1px solid #64b6a8;
      position: absolute;
      left: 80px;
      background-color: #fff;
      z-index: 99;

      .item {
        width: 128px;
        height: 46px;
        border-bottom: 1px solid #64b6a8;
        text-align: center;
        line-height: 46px;
        cursor: pointer;
      }
    }

    .labelClass {
      display: flex;
      position: relative;

      .more {
        width: 230px;
        margin-right: 14px;
        margin-top: 10px;
        font-size: 20px;
        color: #64b6a8;

        .more-span {
          cursor: pointer;
          border-bottom: 1px solid #64b6a8;
        }
      }

      .labelItem {
        margin-top: 10px;
        display: flex;

        .item {
          width: 61px;
          height: 30px;
          border-radius: 4px;
          border: 1px solid #64b6a8;
          font-size: 15px;
          color: #64b6a8;
          text-align: center;
          line-height: 30px;
          margin-right: 8px;
        }
      }

      img {
        position: absolute;
        right: 150px;
        top: 8px;
      }
    }
  }
}

/* 公告card */
.TopCard {
  margin-bottom: 20px;
  background: #fff9f4;
  border: 1px solid #fcab66;
  display: flex;
  color: #a78466;
  font-size: 14px;

  /deep/.el-card__body {
    justify-content: space-between;
    align-content: center;
  }
}

/* 公告title */
.tips {
  //   line-height:50px;
  color: #a78466;
  font-weight: bold;
}

.showNotice {}

.administrations {
  width: 120px;
  // height: 280px;
  box-sizing: border-box;
  background-color: #fff;
  position: absolute;
  right: 44px;
  top: 64px;
  box-shadow: 0px 0px 20px 1px #d0d0d0;
  z-index: 100;
  padding: 0 16px;
  display: flex;
  flex-direction: column;

  .items {
    height: 30px;
    color: #5a5e66;
    font-size: 14px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
    margin-top: 20px;
  }

  &::before {
    content: "";
    display: inline-block;
    border-left: 12px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid #fff;
    position: absolute;
    right: 6px;
    top: -11px;
  }
}

.box {
  position: relative;
  padding-bottom: 200px;
}

.con {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  width: 940px;
  color: #333;

  .bianji {
    padding-bottom: 65px;
    margin-bottom: 20px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;

    .ming {
      width: 876px;
      height: 56px;
      line-height: 56px;
      font-size: 20px;
      background: #f2f2f2;
      text-indent: 23px;
      margin-left: 32px;
      margin-top: 24px;
    }

    .lei {
      margin-top: 40px;

      .p {
        display: inline-block;
        vertical-align: unset;
        width: 100px;
        font-size: 20px;
        text-align: right;
        margin-left: 210px;
        margin-right: 70px;
        font-weight: 600;
      }

      .el-input {
        width: 220px;
        font-size: 18px;

        /deep/.el-input__inner {
          border: 0;
          color: #333;
          border-bottom: 1px solid #e0e0e0;
          box-sizing: content-box;
          padding-bottom: 15px;
        }
      }

      .div {
        display: inline-block;
        margin-left: 40px;
        font-size: 20px;
        color: #2264d2;
        cursor: pointer;
      }
    }

    .wenben {
      width: 835px;
      margin-left: 52px;
      margin-top: 40px;

      h4 {
        font-size: 20px;
        font-weight: 600;
        color: #333333;
        margin-bottom: 20px;
      }

      p {
        font-size: 20px;
        line-height: 45px;
      }
    }

    .but {
      width: 150px;
      height: 40px;
      line-height: 40px;
      background: #64b6a8;
      border-radius: 5px;
      color: #fff;
      text-align: center;
      font-size: 19px;
      cursor: pointer;
      margin-left: 395px;
      margin-top: 40px;
    }
  }
}

.gerenBox {
  width: 1200px;
  margin-left: 50%;
  transform: translateX(-50%);
  margin-top: 32px;
  margin-bottom: 45px;
  position: relative;
  z-index: 1;

  .geren {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 240px;
    min-height: 820px;
    margin-right: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;

    img {
      width: 110px;
      height: 110px;
      border-radius: 50%;
      margin-top: 40px;
      margin-left: 65px;
    }

    p {
      width: 100%;
      text-align: center;
      font-size: 18px;
      color: #333333;
      margin-top: 12px;
      margin-bottom: 40px;
    }

    .list {
      position: relative;
      width: 100%;

      .li {
        width: 209px;
        height: 50px;
        line-height: 50px;
        margin-left: 30px;
        text-indent: 40px;
        font-size: 18px;
        color: #333;
        border-radius: 25px 0 0 25px;
        cursor: pointer;
      }

      .xuan {
        background-color: #64b6a8;
        color: #fff;
      }
    }

    .kuai {
      width: 100%;
      height: 6px;
      background-color: #64b6a8;
      position: absolute;
      bottom: 0;
    }
  }
}

.tit {
  width: 100%;
  height: 100px;
  background-color: #f2f2f2;

  .list {
    position: relative;
    width: 1200px;
    margin-left: 50%;
    padding-top: 25px;
    transform: translateX(-50%);
    background-color: #f2f2f2;

    div {
      display: inline-block;
      vertical-align: middle;
      font-size: 20px;
      color: #333333;
    }

    .li {
      font-size: 28px;
      color: #64b6a8;
      margin-right: 60px;

      img {
        width: 60px;
        height: 60px;
      }

      span {
        vertical-align: middle;
      }
    }

    .rig {
      position: absolute;
      right: 0;

      .but {
        width: 200px;
        height: 50px;
        background: #64b6a8;
        border-radius: 6px;
        text-align: center;
        line-height: 50px;
        color: #fff;
        margin-left: 30px;
      }
    }
  }
}

.avatar-uploader {
  display: inline-block;
}

.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}

.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
  border: 1px solid #e0e0e0;
}

.sj {
  position: absolute;
  width: 70px;
  height: 26px;
  z-index: 1;
  background-color: #64b6a8;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  line-height: 26px;
  border-bottom-right-radius: 5px;
}

.xj {
  position: absolute;
  width: 70px;
  height: 26px;
  z-index: 1;
  background-color: #999999;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  line-height: 26px;
  border-bottom-right-radius: 5px;
}

.img1 {
  position: absolute;
  width: 230px;
  height: 154px;
}

.avatar {
  width: 178px;
  height: 178px;
  display: block;
}

/deep/.el-input__inner {
  border-radius: 20px;
  border: #64b6a8 1px solid;
  color: #64b6a8;
  width: 85px;
}

/deep/.el-input__suffix {
  right: 3px;
}

/deep/.el-dialog__body {
  padding: 0px;
}

/deep/.el-dialog {
  border-radius: 20px;
}

/deep/.el-select .el-input {
  width: 80px;
}

.helpFriends_title_left_img {
  border-radius: 50%;
}

.helpFriends .img_two {
  justify-content: flex-start;

  img {
    margin-right: calc((100% - 690px) / 2);
  }
}

.cz-li {
  position: relative;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e0e0e0;

  .biao {
    width: 300px;
    height: 200px;
    border-radius: 10px;
  }

  .name {
    margin-left: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    .t_1 {
      font-size: 26px;
      cursor: pointer;
    }

    .t_2 {
      font-size: 18px;
      color: #666666;
      margin-top: 12px;
    }

    .t_3 {
      display: flex;
      align-items: center;

      .t_3_mr {
        width: 96px;
        height: 30px;
        border-radius: 4px;
        border: 1px solid #3ea3e2;
        font-size: 20px;
        font-weight: 400;
        color: #3ea3e2;
        text-align: center;
        line-height: 30px;
        margin-right: 12px;
      }

      .t_3_mf {
        width: 96px;
        height: 30px;
        border-radius: 4px;
        border: 1px solid #e0a00e;
        font-size: 20px;
        font-weight: 400;
        color: #e0a00e;
        text-align: center;
        line-height: 30px;
        margin-right: 12px;
      }
    }
  }

  .qian {
    position: absolute;
    top: 62px;
    right: 0;

    .p1 {
      //width: 120px;
      font-size: 32px;
      color: #e00000;
      text-align: center;
    }

    .p2 {
      //width: 120px;
      font-size: 18px;
      color: #333333;
      text-align: center;
    }
  }
}

/deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #64b6a8 !important;
}

.popupBoxs {
  z-index: 999;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;

  .popupit {
    width: 434px;
    background-color: #ffffff;
    border-radius: 10px;

    .title {
      font-size: 26px;
      padding: 0 37px;
      margin-top: 14px;
      color: #000;
      font-weight: 500;

      .yong-jin {
        font-weight: 400;
        margin-bottom: 10px;
        align-items: flex-start;
        flex-wrap: wrap;
        font-size: 21px;

        div {
          font-weight: 400;
          font-size: 21px;
          margin-left: 10px;
          word-wrap: break-word;
          word-break: break-all;
        }
      }
    }

    .btn {
      width: 100%;
      height: 70px;
      color: #fff;
      background-color: #64b6a8;
      font-size: 23px;
      text-align: center;
      line-height: 70px;
      border-radius: 0 0 10px 10px;
      margin-top: 48px;
      cursor: pointer;
    }
  }
}

.popupBox2 {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;

  // z-index: 10000;

  .popupit {
    width: 434px;
    height: 217px;
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid #707070;

    .title {
      padding: 0 73px;
      margin-top: 58px;
      color: #000;
    }

    .confirmBtn {
      width: 100%;
      height: 70px;
      background-color: #64b6a8;
      text-align: center;
      line-height: 70px;
      border-radius: 0 0 10px 10px;
      margin-top: 48px;
      cursor: pointer;
    }
  }

  .btn {
    margin-top: 43px;
    display: flex;
    box-sizing: border-box;
    font-size: 21px;

    .cancel {
      width: 115px;
      height: 44px;
      border-radius: 37px;
      border: 1px solid #64b6a8;
      color: #64b6a8;
      text-align: center;
      line-height: 44px;
      margin-left: 87px;
      margin-right: 32px;
      cursor: pointer;
    }

    .affirm {
      width: 115px;
      height: 44px;
      background: #64b6a8;
      border-radius: 37px;
      text-align: center;
      line-height: 44px;
      cursor: pointer;
    }
  }
}

.share-box {
  border-radius: 30px;

  .yong-jin {
    display: flex;
    align-items: center;
    margin: 0 20px 15px 40px;
    font-size: 16px;

    input {
      box-sizing: border-box;
      width: 320px;
      padding: 5px 10px;
      margin-left: 15px;
      border-radius: 4px;
      border: 1px solid darkgray;
      height: 40px;

      input:-moz-placeholder,
      textarea:-moz-placeholder {
        color: #666;
        font-size: 16px;
      }

      input::-moz-placeholder,
      textarea::-moz-placeholder {
        color: #666;
        font-size: 16px;
      }

      input:-ms-input-placeholder,
      textarea:-ms-input-placeholder {
        color: #666;
        font-size: 16px;
      }
    }

    textarea {
      box-sizing: border-box;
      padding: 5px 10px;
      border-radius: 4px;
      width: 320px;
      margin-left: 15px;
      height: 115px;
      border: 1px solid darkgray;
      outline-style: none;
    }
  }

  .remark {
    display: flex;
    align-items: flex-start;
    margin: 0 20px 10px 40px;
  }

  .btn {
    padding: 0 0;
    margin-top: 10px;
    justify-content: space-around;
    border-radius: 10px;
    border: none;

    div {
      flex: 1;
      background-color: #64b6a8;
      font-size: 20px;
      text-align: center;
      color: #fff;
      padding: 8px 24px;
    }
  }
}

.just-content {
  justify-content: space-between;
}

.share-tips {
  font-size: 18px;

  text-align: center;
  padding-bottom: 18px;
}

.yixuan {
  box-sizing: border-box;
  padding-top: 15px;
  padding-left: 16px;
  width: 1200px;
  min-height: 60px;
  background-color: #f7f7f7;
  margin-left: 50%;
  transform: translateX(-50%);
  font-size: 16px;

  .na {
    color: #333333;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
  }

  .li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 4px 28px 4px 10px;
    color: #333333;
    color: #64b6a8;
    border: 1px solid #64b6a8;
    margin-right: 12px;

    img {
      position: absolute;
      width: 17px;
      height: 17px;
      top: 7px;
      right: 3px;
      cursor: pointer;
    }
  }

  .qinchu {
    display: inline-block;
    vertical-align: middle;
    width: 86px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #999999;
    font-size: 16px;
    color: #ffffff;
    cursor: pointer;
  }

  .qinchu,
  .li,
  .na {
    margin-bottom: 12px;
  }
}
</style>
